Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/wordpress/11.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Wordpress 删除响应引导3导航栏并保持元素内联_Wordpress_Twitter Bootstrap_Navbar_Css - Fatal编程技术网

Wordpress 删除响应引导3导航栏并保持元素内联

Wordpress 删除响应引导3导航栏并保持元素内联,wordpress,twitter-bootstrap,navbar,css,Wordpress,Twitter Bootstrap,Navbar,Css,我对如何保持导航栏不响应有点问题。我的菜单上只有大约5个项目 如果我不把小屏幕分辨率的折叠,导航栏项目将堆叠起来,这不是很方便 我想使这些元素内联(可能调整它们的大小),因为它仍然是小屏幕分辨率清晰 下面是导航栏的截图和代码(我正在使用wordpress)。我使用LESS+Grunt进行编译,所以变量可能位于Twitter引导的LESS文件中 两个屏幕截图(第一个是大屏幕渲染-我的首选-第二个是显示当前结果的屏幕截图) 有没有办法保持这个导航栏的内联样式(并且不破坏其他导航栏的响应性) 当然

我对如何保持导航栏不响应有点问题。我的菜单上只有大约5个项目

如果我不把小屏幕分辨率的折叠,导航栏项目将堆叠起来,这不是很方便

我想使这些元素内联(可能调整它们的大小),因为它仍然是小屏幕分辨率清晰

下面是导航栏的截图和代码(我正在使用wordpress)。我使用LESS+Grunt进行编译,所以变量可能位于Twitter引导的LESS文件中

两个屏幕截图(第一个是大屏幕渲染-我的首选-第二个是显示当前结果的屏幕截图)

有没有办法保持这个导航栏的内联样式(并且不破坏其他导航栏的响应性)


当然,堆叠元素的不是php代码,但您已经找到了正确的开始位置。由于代码将指定的类分配给导航元素,请删除“nav navbar nav”值或将其更改为其他类名,例如“new navclass”

wp\u导航菜单(数组('theme\u location'=>'主导航','menu\u class'=>'新导航类');

然后编辑样式。css复制您喜欢的内联样式菜单

另一种方法是编写js代码来检测屏幕大小,并从菜单元素中删除“nav堆叠”类

<header class="banner navbar navbar-default navbar-fixed-top" role="banner">
  <div class="container">
    <div class="navbar-header">
        <?php
      if (has_nav_menu('primary_navigation')) :
        wp_nav_menu(array('theme_location' => 'primary_navigation', 'menu_class' => 'nav navbar-nav'));
      endif;?>
    </div>
  </div>
 </header>
wp_nav_menu(array('theme_location' => 'primary_navigation', 'menu_class' => 'nav navbar-nav'));