Navbar使用Bootstrap而不是EXPANDING

时间:2014-02-19 23:40:48

标签: jquery html css twitter-bootstrap

大家好,我到处都看,似乎无法找到答案。我的导航栏无法在项目所在的所有列表中展开。 http://www.wonsahm.com

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd">

<link href="bootstrap.css" rel ="stylesheet">
<link href="bootstrap.js" rel="stylesheet">
<link rel="stylesheet" href="bootstrap.min.js">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
<link href="navbar.css" rel="stylesheet">


<!-- Collect the nav links, forms, and other content for toggling -->
<div class="navbar-collapse collapse" id="bs-example-navbar-collapse-1">
  <ul class="nav navbar-nav">
    <li class="active"><a href="../">About Me</a></li>
    <li class="dropdown">
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Projects <b class="caret"></b></a>
      <ul class="dropdown-menu">
        <li><a href="#">Action</a></li>
        <li><a href="#">Another action</a></li>
        <li><a href="#">Something else here</a></li>
        <li class="divider"></li>
        <li><a href="#">Separated link</a></li>
        <li class="divider"></li>
        <li><a href="#">One more separated link</a></li>
      </ul>
    </li>
  </ul>
</div><!-- /.navbar-collapse -->

1 个答案:

答案 0 :(得分:0)

页面上没有Jquery。使用Google Chrome工具(F12)并阅读控制台错误。

  

未捕获错误:Bootstrap的JavaScript需要jQuery

这需要包括bootstrap.min.js之前的内容。在解决这个问题之后可能会有更多问题,但这肯定会帮助你取得成功。

似乎还缺少navbar.css