0

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

这是页面缩小后的样子:

twitter Boot Strap Nav 的响应问题

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

<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)

4

1 回答 1

0

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

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

于 2012-11-27T21:56:34.453 回答