bootstrap响应式导航栏隐藏的部分不会进入按钮

Question

以下是导航栏的代码

<div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">

          <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>

          <!-- Be sure to leave the brand out there if you want it shown -->
          <a class="brand" href="index.html">EasyUniv</a>



          <!-- Everything you want hidden at 940px or less, place within here -->
          <div class="nav-collapse collapse">
              <ul class="nav">
                <li class="active">
                    <a href="index.html">Home</a>
                </li>
                <li><a href="services.html">Services</a></li>
                <li><a href="campus.html">Campus</a></li>
                <li><a href="advertise.html">Advertise</a></li>
              </ul>
          </div>

        </div>
      </div>
    </div>

示例位于：www.easyuniv.com/staging

当你缩小屏幕时，它会正确隐藏导航按钮，但它们不会像它应该的那样进入小下拉。也有一定的宽度，有奇怪的填充..尝试不同的东西，不能让这些工作。

由于

Answer 1

你需要在bootstrap之前包含jQuery。