Question

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

<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>

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

Answer 1

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

Answer 2

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

Bootstrap Navbar将扩展但不会崩溃

2 个答案: