Bootstrap 响应式导航按钮不触发导航答案

【问题标题】：Bootstrap responsive navigation button not triggering navigationBootstrap 响应式导航按钮不触发导航
【发布时间】：2014-07-03 15:53:16
【问题描述】：

我正在使用 Bootstrap 导航创建一个 Bootstrap 站点。我正在关注一个教程，并且我做了教程告诉我要做的所有事情，但是我的响应式导航按钮没有触发我的导航出现。我正在使用 Bootstrap 版本 3.0.3 和 JQuery 2.0.3（我必须上课）。除了 Bootstrap 自己的样式之外，我还没有做任何事情来设置我的导航样式。

这是我的导航代码：

<nav class="navbar navbar-default navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            <a href="#" class="navbar-brand">Base Competition Site</a>
            <button class="navbar-toggle" data-toggle="collapse" data-target="nav-collapse"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
        </div>
        <div class="collapse nav-collapse navbar-collapse">
            <ul class="nav navbar-nav navbar-right">
                <li class="active"><a href="index.html"><span>Home</span></a></li>
                <li><a href="about/about.html"><span>About</span></a></li>
                <li><a href="#"><span>Data</span></a></li>
                <li><a href="#"><span>Login</span></a></li>
            </ul>
        </div>
    </div>
</nav>

我的完整代码在这个JSFiddle

【问题讨论】：

标签： twitter-bootstrap navigation navbar nav

【解决方案1】：

你忘记了 .在数据目标中:)

<button class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse">

updated Fiddle

【讨论】：

谢谢！我想我在编写代码时必须更加小心！
我花了一点时间才赶上它。通常我会使用 ID，所以它更明显。