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

OR

包含在您的身体标签中

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

Answer 2

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

bootstrap - 响应式导航不会拉下来

2 个答案: