css - Bootstrap 3 折叠菜单失败

Question

我正在学习一个教程，它正在教授折叠菜单和我的代码(我能看到的)是一样的。但是除了折叠菜单外一切正常？

<div class="navbar navbar-inverse navbar-static-top">

        <div class="container">

            <a href="#" class="navbar-brand">Yo</a>

            <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 class="collapse navbar-collapse navHeaderCollapse">

                <ul class="nav navbar-nav navbar-right">

                    <li><a href="#">Home</a></li>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Home</a></li>

                </ul>

            </div>

        </div>

    </div>

Answer 1

您是否将 Bootstrap javascript 和 jQuery 添加到您的文件中？据了解，这些是让折叠菜单正常工作所必需的。

并检查您的教程是否适用于 Bootstrap 3，如果您使用的是 Bootstrap 3，则某些 Bootstrap 2 教程不适用于 Bootstrap 3!