Bootstrap 3導航欄不會在摺疊時展開

在我製作了100萬個導航欄之後，這個導航欄讓我頭疼。我的引導程序導航欄不會在展開時展開。我試過三次更新boostrap.min.js，認爲它是問題（因爲它是自定義的），但它沒有工作。我也嘗試使用bootstrap 3.3.0的dist版本（不久前發佈），但它仍然無法正常工作。Bootstrap 3導航欄不會在摺疊時展開

我已閱讀了許多類似問題的問題，他們都解決了，因爲OP缺少js或寫了不正確的標記。我多次查看了我的標記，看起來沒錯。在這裏，我們去：

<nav class="navbar navbar-default navbar-static-top" role="navigation"> 
    <div class="container"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse"> 
       <span class="sr-only">Toggle navigation</span> 
       <i class="fa fa-navicon"></i> 
      </button> 
      <a href="#" class="navbar-brand">Brand</a> 
     </div> 

     <div class="collapse navbar-collapse"> 
      <ul class="nav navbar-nav"> 
       <li> 
        <a href="#">Products</a> 
       </li> 

       <li> 
        <a href="#">Services</a> 
       </li> 
      </ul> 

      <ul class="nav navbar-nav navbar-right"> 
       <li> 
        <div> 
         <a href="#" class="btn navbar-btn btn-primaryBlue">Sign In</a> 
        </div> 
       <li> 
      </ul> 

     </div> 
    </div> 
</nav>

它崩潰，但不會擴大一次點擊。我不使用自舉圖形，在這個例子中，我使用字體真棒的navicon。它看起來好嗎？

來源

2014-11-03 davidxd33

是什麼.navbar主？你的CSS在哪裏？ navbar-master是否有高度和溢出：隱藏？您是否使用Chrome開發工具檢查了它？ – Christina 2014-11-03 20:23:45

這只是我的造型形式。我應該注意到我也嘗試使用bootstrap文檔的示例。它沒有隱藏溢出，但是我使用bootstrap中的定製器配置了一個高度。 – davidxd33 2014-11-03 20:26:28

由於您沒有分享一個最小的完整示例，因此無法知道問題所在。刪除您的自定義CSS，清除緩存，並看看是否有幫助。 – Christina 2014-11-03 20:28:57

確保您已添加JQuery到您的項目中，有時您應該將其添加到您網頁的頂部來工作。

CDN

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>

來源

2014-11-03 20:39:34 khan33

我只是將其標記爲接受的答案。我的包含有一個錯字。很容易錯過它。 – davidxd33 2014-11-03 21:12:02

Bootstrap 3導航欄不會在摺疊時展開

回答

相關問題