2016-02-11 150 views
0

我已经做了引导响应导航菜单,它折叠成箱当页面变小。非常符合标准的bootstrap。但是,当页面变小时,菜单会自动显示出来,而不必单击切换框。有想法该怎么解决这个吗?引导导航栏折叠/切换菜单出现马上

<div class="navbar-header"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
       <span class="sr-only"> Toggle Navigation</span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
     </button> 
     </div> 
     <div class="navbar-collapse" collapse"> 

<div id="navigation"> 
    <ul class="nav navbar-nav navbar-center"> 
    <li><a href="#">Budget Tracker</a></li> 
    <li><a href="#">Interactive Globe</a></li> 
    <li><a href="#">Travel Quiz</a></li> 
    <li><a href="#">Forum</a></li> 
    </ul> 
</div> 
</div> 

这是我的bootstrap可折叠菜单的代码。

也没有人知道如何使转换框出现在屏幕的中心,而不是正确的?

+1

啊是的,它是“阶级之间! – eth3king

回答

0

您需要删除"多数民众赞成打破了班navbar-collapse

0

您正在引用数据目标的错误元素。给这个镜头。

button type="button" class="navbar-toggle" data-toggle="collapse" data-   target="#navigation"> 

此外,W3Schools有一个很好的教程。

1

这是导航栏崩溃“崩溃‘’之间的”类