导航栏崩溃不能正常工作的引导

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的顺序很重要。