Bootstrap導航欄不能正常摺疊

問題：導航欄開始打開。在崩潰時，鏈接仍然顯示，只有背景崩潰。我確定我正在使用轉換，並且我已經有了所有的引導程序JavaScript，引導程序CSS和一些我自己的樣式，但我認爲沒有任何影響導航欄的東西。Bootstrap導航欄不能正常摺疊

我的代碼：

<body> 
<!--Navbar --> 
<div class="contactUs"> 
    <p> 
     <span class="glyphicon glyphicon-phone-alt"></span>&nbsp;00000000 
    </p> 
</div> 
<!-- logo --> 

<!-- end logo --> 
<!-- Static navbar --> 
<div class="navbar navbar-default navbar-static-top" role="navigation"> 
    <div class="container"> 
     <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> 
      <a class="navbar-brand main-logo pull-left" href="index.html">SX Storage Essex Benfleet</a> 
     </div> 
     <div class="navbar-collapse collapse"> 
      <ul class="nav navbar-nav navbar-right"> 
       <li> 
        <a href="#selfStorage">Self Storage</a> 
       </li> 
       <li> 
        <a href="#businessStorage">Business Storage</a> 
       </li> 
       <li> 
        <a href="#">Prices</a> 
       </li> 
       <li> 
        <a href="#">Packaging </a> 
       </li> 
       <li> 
        <a href="#">Contact Us</a> 
       </li> 
      </ul> 
     </div> 
     <!--/.nav-collapse --> 
    </div> 
</div> 

<!-- End navbar -->

來源

2014-03-01 Lauren

上面粘貼的代碼沒有任何問題。這個問題可能與你寫的額外的CSS有關。 – Morven

你的HTML似乎在[bootply]（http://www.bootply.com/117918）中工作正常。也許你不小心覆蓋了一些CSS規則？ – mutil

感謝您的幫助，有什麼東西從引導CSS缺失。我只包括了CDN。不知道這是怎麼發生的，我不會觸及bootstrap css - 我會把它放到殭屍模式的深夜鍵盤糖化。

來源

2014-03-01 19:25:41 Lauren

Bootstrap導航欄不能正常摺疊

回答

相關問題