引導導航欄倒塌

，當我從w3schools.com此代碼不能掩蓋li元素：引導導航欄倒塌

<nav class="navbar navbar-inverse"> 
    <div class="container-fluid"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
      <a class="navbar-brand" href="#">WebSiteName</a> 
     </div> 
     <div class="collapse navbar-collapse" id="myNavbar"> 
      <ul class="nav navbar-nav"> 
       <li class="active"><a href="#">Home</a></li> 
       <li><a href="#">Page 1</a></li> 
       <li><a href="#">Page 2</a></li> 
       <li><a href="#">Page 3</a></li> 
      </ul> 
      <ul class="nav navbar-nav navbar-right"> 
       <li><a href="#"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li> 
       <li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li> 
      </ul> 
     </div> 
    </div> 
</nav>

當我調整它，它看起來像這樣：

摺疊時，它看起來像此：

它基本上不會隱藏這些李元素。

bootstrap.js文件包含在頁面中。

有什麼建議嗎？

來源

2015-10-06 ALEX_AME

得到了jQuery庫鏈接？ – Jay

使用jQuery 1.11.0，bootstrap.min.css，bootstrap-theme.min.css和bootstrap.min.js將該代碼複製到jsfiddle中可以很好地工作。 – Jay

你的代碼很好。我想你沒有鏈接JQuery。鏈接它，它會工作 –

好吧，所以我不能解決問題，但我有一個自定義的助推器構建。

我認爲在某些部分或規則丟失的地方存在依賴性問題。如果我添加一個CDN鏈接到我的項目中一切正常。

對於未來的訪問者，請檢查依賴關係。

來源

2015-10-06 12:30:14

引導導航欄倒塌

回答

相關問題