bootstrap - 响应式导航不下拉答案

【问题标题】：bootstrap – responsive nav does not pull downbootstrap - 响应式导航不下拉
【发布时间】：2015-11-13 18:30:28
【问题描述】：

这令人困惑！我正在使用引导程序开发我的第一个网站，它甚至已经完成。但是移动导航菜单和折叠菜单并没有在点击时下拉。

我用过这个入门模板：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>

【问题讨论】：

能否提供jsfiddle链接。
嘿 Mahadevan，你想让我通过 jsfiddle 分享哪个代码？
当我浏览你的网站时，我看不到任何 JS 来显示你的菜单...你有这个 JS 吗？
您应该使用jquery 来获得所需的输出。
@injuvik hi 您提供的代码。在我的工作区，我无法看到您的网站

标签： html twitter-bootstrap navbar collapse

【解决方案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" />

【讨论】：

啊！好的！我应该把它放在哪里？在页脚？还是在标题中？
好的，JQuery 现在在页脚中，但菜单仍然没有下拉。怎么了？ beamcase.de
它必须在 <head> 部分，带有 CSS 和任何其他 JavaScript 源。

【解决方案2】：

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

【讨论】：