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