Twitter bootstrap 768px和979px之间的引导导航栏未居中

看看这个：

自从3h尝试替换类以来，我一直在努力解决我的问题。。我放弃了

当屏幕宽度在768px和979px之间时，我要做的是使导航栏全宽。正如您在JSFIDLE上看到的，导航栏（调整大小时）没有与容器居中

<div class="navbar navbar-inverse navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container">
      <div class="row">
        <div class="span8 offset2">
      <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      </a>

      <a class="brand" href="#">Kipi</a>

      <!-- Everything you want hidden at 940px or less, place within here -->
      <div class="nav-collapse collapse">
        <ul class="nav pull-right">
          <li class="active"><a href="#"><i class="icon-home"></i> <small>...</small></a></li>
          <li><a href="#"><i class="icon-plus-sign"></i> <small>Contact</small></a></li>
          <li><a href="" title="Grid"><i class="icon-th"></i></a></li>
        </ul>
      </div> <!-- end .nav-collapse -->

    </div>
    </div>
    </div> <!-- end .container -->
  </div>
</div>



<div class="content container">
<div class="row">
  <div class="span8 offset2">
    <section>
      d<br>......
    </section>
  </div>
</div>

我想显示屏幕宽度在768px和979px之间的导航栏全宽

---

任何想法都值得赞赏。

这应该适合您：

@media (max-width: 979px) and (min-width: 768px) {
  .navbar-inner .span8 {
    width:100%;
    padding-left: 0px;
    padding-right:0px;
  }
  .navbar-inner .offset2 {
    margin-left:10px;
  }
  .navbar .brand {
    padding-left:20px;
  }
  .btn.btn-navbar {
    margin-right:20px;
  }
}

请在此处查看它的实际操作：

---

但是，我不知道你为什么需要在导航栏中设置行和空格8。查看位于的响应导航栏上的响应导航栏示例。

我昨天提交的答案对您有用吗？

@media (max-width: 979px) and (min-width: 768px) {
  .navbar-inner .span8 {
    width:100%;
    padding-left: 0px;
    padding-right:0px;
  }
  .navbar-inner .offset2 {
    margin-left:10px;
  }
  .navbar .brand {
    padding-left:20px;
  }
  .btn.btn-navbar {
    margin-right:20px;
  }
}