Twitter引导带导航 - 响应问题

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>

任何想法为什么它不会缩小并给我触摸设备的按钮？那个小小的东西？

注意：我确实有视图端口元标记和响应式css，以及页面上的所有javascript和jquery（根据我的理解，我需要的是响应式css）

Answer 1

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

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