Question

在我创造的百万个自举导航栏之后，这个让我头疼。我的bootstrap导航栏在折叠时不会展开。我已经尝试三次更新boostrap.min.js，认为这是问题（因为它是自定义的）但是它没有用。我也试过使用dist版本的bootstrap 3.3.0（不久前发布）但它仍然没有用。

我已经阅读了许多类似问题的问题，但由于OP缺少js或编写了错误的标记，所有问题都得到了解决。我多次查看我的标记，看起来是正确的。我们走了：

<nav class="navbar navbar-default navbar-static-top" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <i class="fa fa-navicon"></i>
            </button>
            <a href="#" class="navbar-brand">Brand</a>
        </div>

        <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
                <li>
                    <a href="#">Products</a>
                </li>

                <li>
                    <a href="#">Services</a>
                </li>
            </ul>

            <ul class="nav navbar-nav navbar-right">
                <li>
                    <div>
                        <a href="#" class="btn navbar-btn btn-primaryBlue">Sign In</a>
                    </div>
                <li>
            </ul>

        </div>
    </div>
</nav>

它会崩溃，但一旦点击就不会展开。我没有使用bootstrap glyphicons，在这个例子中我使用了来自font awesome的navicon。它看起来不错吗？

Answer 1

确保您已将JQuery添加到项目中，有时您应该在网页顶部添加JQuery以便工作。

CDN

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>

Bootstrap 3导航栏在折叠时不会展开

1 个答案: