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> 

任何想法，为什么它不会收缩下来，给我的按钮触摸设备？那一点点下降的东西？

注：我有视口meta标签和响应CSS，还有javascript和jquery的所有页面上（从我的理解，我需要的是在响应CSS）

Answer 1

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

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