Bootstrap 导航栏将展开但不会折叠答案

【问题标题】：Bootstrap Navbar will expand but not collapseBootstrap 导航栏将展开但不会折叠
【发布时间】：2016-05-30 19:15:03
【问题描述】：

我有以下代码用于生成可折叠的响应式导航栏：

<body>
    <div class="navbar navbar-inverse navbar-static-top">
        <div class="container-fluid">
            <div class="navbar-header">
                <div class="navbar-brand">HOME</div>
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navHeaderCollapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
            <div class="collapse navbar-collapse navHeaderCollapse" id="navHeaderCollapse">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="#">Home</a></li>
                    <li><a href="#">About</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
            </div>
        </div>
    </div>
</body>

单击图标栏时，菜单会展开，但再次单击时不会折叠。

【问题讨论】：

代码 sn-p 在 jsfiddle 上运行良好：jsfiddle.net/e0d8my79/116 尝试检查您的浏览器控制台。可能是 javascript 冲突之类的
控制台中没有任何内容。我现在认为这可能与我的本地主机有关（我使用命令 http-server -p 3000 设置）
我将引导链接更改为您上传到 jsfiddle 的 CDN，现在它可以工作了。我的本地引导文件中一定有问题。感谢您的帮助。
很高兴我能帮助 Ryan。干杯

标签： javascript jquery css twitter-bootstrap

【解决方案1】：

如果您包含引导脚本 2 次（我正在使用 webpack），则会发生相同的行为

【讨论】：

【解决方案2】：

事实证明，我的本地引导文件存在问题，而当我使用 cdn 时，没有任何问题。

【讨论】：

【解决方案3】：

在我的情况下，我的 app.component.ts 中有一个 import 'bootstrap'，我必须删除它并且它现在可以工作了。

【讨论】：