Bootstrap Navbar will expand but not collapse

Question

I have the following code for producing a responsive navbar that collapses:

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

When clicking the icon-bar the menu will expand, but will not collapse when I click it again.

Answer 1

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

Answer 2

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

Answer 3

就我而言，我的 app.component.ts 中有一个导入“引导程序”，我必须将其删除并且现在可以正常工作。

Bootstrap Navbar will expand but not collapse

Question

3 answers

solution1
0 2016-05-31 08:53:16

solution2
0 2018-09-29 12:34:14

solution3
0 2021-09-13 08:06:27

Bootstrap Navbar will expand but not collapse

Question

3 answers

solution1 0 2016-05-31 08:53:16

solution2 0 2018-09-29 12:34:14

solution3 0 2021-09-13 08:06:27

solution1
0 2016-05-31 08:53:16

solution2
0 2018-09-29 12:34:14

solution3
0 2021-09-13 08:06:27