2016-02-11 167 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

這是導航欄崩潰「崩潰‘’之間的」類