css - Twitter Bootstrap 带导航 - 响应问题

Question

所以我在堆栈中看到了无数这样的东西。人们一直在说，你错过了什么等等。我怎么过三重检查，我很确定我没有遗漏任何东西:

页面缩小后的样子:

这就是我的导航源的样子:

<div class="navbar">
  <div class="navbar-inner">
    <div class="container">

      <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".navbar-responsive-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </a>

      <!-- Be sure to leave the brand out there if you want it shown -->
      <a class="brand" href="#">Project name</a>

      <!-- Everything you want hidden at 940px or less, place within here -->
      <div class="nav-collapse collapse">
        <ul class="nav">
            <li><a href="#">Test Link</a></li>
            <li><a href="#">Test Link</a></li>
            <li><a href="#">Test Link</a></li>
            <li><a href="#">Test Link</a></li>
        </ul>
      </div>

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

知道为什么它不会缩小并给我触摸设备的按钮吗？那个小下拉的东西？

注意:我在页面上确实有视口(viewport)元标记和响应式 css，以及 javascript 和 jquery(据我了解，我只需要响应式 css)

Answer 1

我看到的一个错误是 data-target=".navbar-responsive-collapse" 应该是 data-target=".nav-collapse"

否则它似乎在 fiddle 中工作正常 - http://jsfiddle.net/eNF97/所以必须缺少其他东西。检查以确保响应文件的路径正确..