引导导航栏不切换答案

【问题标题】：bootstrap navbar doesn't toggle引导导航栏不切换
【发布时间】：2016-06-29 19:45:42
【问题描述】：

当我尝试使用基于 jumbotron 的页面的移动版本时，导航栏没有切换。我希望它像the example 那样折叠起来，但事实并非如此。也许我错过了一些代码，你能帮我让它工作吗？此屏幕截图是导航栏在 [示例] 中折叠时的外观。

这是my page，它基于jumbotron，但是当我按下右上角的按钮时导航栏折叠不起作用，它不会切换。

我的代码（与示例相同）。

<nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
                    aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="/">Customer Service</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
            <form class="navbar-form navbar-right" action="/account/do_login" method="post">
                <div class="form-group">
                    <input type="text" name="email" placeholder="Email" class="form-control">
                </div>
                <div class="form-group">
                    <input type="password" name="password" placeholder="Password" class="form-control">
                </div>
                <button type="submit" class="btn btn-success">Sign in</button>
            </form>
        </div>
        <!--/.navbar-collapse -->
    </div>
</nav>

【问题讨论】：

检查你的浏览器控制台，看看有没有错误？
切换点击后检查
请将代码 sn-ps 发布到 pastebin 或 jsfiddle，如果您不向我们展示您需要帮助的内容，我们将无法提供帮助。
可能你的 bootstrap js 路径不对
你没有包含 Bootstrap JS。

标签： javascript html css twitter-bootstrap

【解决方案1】：

请尝试检查您的 bootstrap.min.js 或 bootstrap.js。可能是加载不正确。

【讨论】：

【解决方案2】：

你能告诉我们你导入 bootstap 和 jquery 的部分吗？

我相信失败就在那里。因为对我来说这个例子是有效的。在将我的导入整理之前，我也有同样的行为。

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

这应该按此顺序放置在<head> 中，以提供Bootstrap 的正常运行。

【讨论】：