引导响应导航栏隐藏部分不进入按钮

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

您需要在引导之前包含 jQuery。