bootstrap – 响应式导航不下拉

Question

这令人困惑！我正在使用 bootstrap 创建我的第一个网站，它甚至已经完成了。但是移动导航菜单和折叠菜单不会在点击时下拉。

我用过这个入门模板：http://getbootstrap.com/examples/starter-template/

这是网站：http://www.beamcase.de

这是我的代码：

<div class="navbar navbar-inverse navbar-fixed-top">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
    </div>
    <div class="collapse navbar-collapse">
      <ul class="nav navbar-nav">
        <li class="active"><a href="http://www.beamcase.de">BeamCase</a></li>
        <li><a href="fly.php">BeamCase FLY</a></li>
            <li><a href="kontakt.php">Kontakt</a></li>
        <li><a href="impressum.php">Impressum</a></li>
      </ul>
    </div><!--/.nav-collapse -->
  </div>
</div>

Answer 1

您应该加载此 Jquery 文件以使折叠菜单在点击时下拉。

https://code.jquery.com/jquery-2.1.4.min.js

或

在您的正文标签中加入

<script type="text/javascripts" src="https://code.jquery.com/jquery-2.1.4.min.js" />

Answer 2

我找到了问题的原因：我根本没有包括 bootstrap.min.js。现在一切都很好！谢谢大家！

bootstrap – 响应式导航不下拉

bootstrap – responsive nav does not pull down

html

twitter-bootstrap

navbar

collapse