导航栏问题推特引导3

Question

我已经尝试了一整天，使我的第一个导航条工作使用引导的例子，但我仍然不能使按钮工作…任何建议吗?请……

  <nav class="navbar navbar-default" role="navigation">
  <div class="container-fluid">
<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>
  <h1>Tim Berners-Lee <small>El genio detras del internet</small></h1>
</div>

<div class="collapse navbar-collapse">
   <ul class="nav navbar-nav">
    <li class="active"><a href="#">Home</a></li>
    <li><a href="#">Biografia</a></li>
    <li><a href="#">Contexto Historico</a></li>
    <li><a href="#">Referencias</a></li>
   </ul>
  </div>
 </div>
</nav>

Answer 1

下面是一个完整的HTML演示。http://cdpn.io/DJwdH

一切看起来都很好，所以下一个要检查的内容是:

1 -你包括jQuery和路径是正确的
在包含jQuery之后，你需要包含Bootstrap JS文件(jQuery必须先加载)
你已经包含了Bootstrap CSS文件

祝你好运!