導航欄崩潰不能正常工作的引導

Question

我不能去上班導航欄崩潰引導3

我的菜單崩潰很好，當我改變屏幕尺寸，只是它不會顯示菜單，當我按下按鈕。

這是我的代碼：

<header class="container"> 
    <div id="menu" class="navbar navbar-default"> 
     <div class="navbar-header"> 
      <button class="btn btn-success navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
       <span class="glyphicon glyphicon-chevron-down"></span> 
      </button> 
     <div id="logo"> 
      <a href='..'><h3>Logo</h3></a> 
     </div> 
    </div> 
     <div class="navbar-collapse collapse"> 
      <ul class="nav navbar-nav navbar-right"> 
       <li class="nav active"><a href=".">Home</a> 
       </li> 
       <li class="nav"><a href="about.html">About</a> 
       </li> 
       <li class="nav"><a href="contact.html">Contact</a> 
       </li> 
      </ul> 
     </div> 
    </div> 
</header> 

Answer 1

問題是不是在你的代碼可以完美運行在這個小提琴

檢查HTML這個fiddle

確保您包括響應CSS

http://getbootstrap.com/dist/css/bootstrap.css 

和正確的JS

http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js 

Answer 2

你的HTML工作正常，所以請確保您引用您的標記正確的腳本和和樣式

確保你在你的標記如下：

• bootstrap.min.css
• font-awesome.min.css
• jquery.js
• bootstrap.min.js

Fiddle Works Fine

複製並粘貼此HTML：

<link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css"> 
<link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css"> 
<script type="text/javascript" src="//code.jquery.com/jquery-2.0.2.js"></script> 
<script type="text/javascript" src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> 

Answer 3

我也來自同一個問題的困擾，並不能在任何地方找到解決方案。其實bootstrap.min.js需要jquery才能工作。所以如果你把腳本src = js/bootstrap.min.js放在腳本src = js/jquery.js之前，它將不起作用。 包含jquery和bootstrap.min.js的順序很重要。