2015-04-06 84 views
0

我觉得有点可怜问这个问题:我有一个基于this bootstrap template的项目。如何禁用引导3崩溃导航菜单css

我需要防止菜单图标/堆叠响应模式。我的主菜单很小,我不需要它。我试过禁用媒体查询(你会认为设置其中一个最大宽度为1px就可以)并检查DOM,但我无法弄清楚。任何人都知道我应该如何修改媒体,以便折叠菜单实际上从未触发过?

回答

1

你可以完全摆脱下面的代码,这是里面的navbar-header删除按钮:

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse"> 
    <i class="fa fa-bars"></i> 
</button> 

然后,在navbar,你必须删除collapse navbar-collapse navbar-main-collapse类,以防止菜单隐藏时,屏幕尺寸很小。所以,它应该看起来像这样:

<div class="navbar-right"> 
    <ul class="nav navbar-nav"> 
    ... 
    </ul> 
</div> 
+0

太棒了,谢谢。另外,我为这一部分设置宽度为1px:''@media(min-width:1px){ .navbar-nav {float}:left; margin:0; } .navbar-nav> li {float}:left; } .navbar-nav> li> a {padding-top:15px; padding-bottom:15px; } .navbar-nav.navbar-right:last-child {margin:0 -15px; margin-right:-15px; last-child { } } }''' – metalaureate 2015-04-06 01:54:52

+0

很高兴帮助:) – lvarayut 2015-04-06 01:57:15