Question

我已经尝试了一切以使切换导航工作，我没有运气。这只是一个我错过的简单错误或代码吗？我尝试过加载不同的脚本，但仍然没有。

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation" style="background-color: #f2f2f2">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle"
                    data-toggle="collapse" data-target="#nav-collapse" style="margin-top: 20px;">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a href="#/home" class="navbar-brand">
                <img src="img/evodent-logo.png" alt="evodent-logo" style="width:190px;">
            </a>
        </div>
        <div class="collapse navbar-collapse" id="nav-collapse">
            <ul class="nav navbar-nav navbar-right">
                <li>
                    <a href="#/about" style="color: black;">ABOUT</a>
                </li>
                <li>
                    <a href="#/contact" style="color: black;">CONTACT</a>
                </li>
            </ul>
        </div>
    </div>
</nav>

Answer 1

您的代码很好，没有错误，也许您错误地使用了脚本和链接标签for bootstrap或jQuery，您应该检查它们。

Answer 2

似乎代码工作得很好。确保您还在页面中包含bootstrap.min.js文件。由于bootstrap中的可折叠组件需要此插件/文件。

以下是关于Bootstrap Navbar的官方文档，其中提到了该插件是必需的：http://getbootstrap.com/components/#navbar

需要JavaScript插件

如果禁用了JavaScript并且视口足够窄以致导航栏崩溃，则无法展开导航栏并查看.navbar-collapse中的内容。

响应式导航栏需要将崩溃插件包含在您的Bootstrap版本中。

切换导航不起作用

2 个答案: