中心导航栏在Twitter的引导2.0(Center Navbar in Twitter Boots

假设我们有使用Twitter的引导2.0导航栏下面的标记。

<div class="navbar navbar-fixed-top">
  <div class="navbar-inner pull-center">
      <ul class="nav">
      <li class="active"><a href="#">HOME</a></li>                        
      <li><a href="#contact">CONTACT</a></li>
      </ul>        
  </div>
</div>

什么是中心的最佳方式.nav内navbar-inner ？

我只想到了加入我自己的CSS样式：

@media (min-width: 980px) {
    .pull-center {
        text-align: center;
    }
    .pull-center > .nav {
        float:none;
        display:inline-block;
        *display: inline; *zoom: 1;
        height: 32px;
    }
}

Answer 1:

覆盖容器的导航栏内的宽度从auto到960px 。

.navbar-inner .container {width:960px;}

Answer 2:

要对齐它与动态宽度的中心，我使用了以下内容：

HTML：

<div class="navbar">
  <div class="navbar-inner">
    <ul class="nav">
      ....
    </ul>
  </div>
</div>

CSS：

.navbar .navbar-inner {
    text-align: center;
}
.navbar .navbar-inner .nav {
    float: none;
    display:inline-block;
}

没有测试它，但我想只display:inline-block; 可能是一个问题，这是在所有的浏览器都支持除IE7和低..

http://caniuse.com/inline-block

Answer 3:

<div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <ul class="nav">
                <li class="active"><a href="#">Home</a></li>
                <li><a href="#">Contact</a></li>
            </ul>
        </div>
    </div>
</div>

Answer 4:

只是用容器类按http://twitter.github.com/bootstrap/components.html#navbar是我中心资产净值; 但是，它是固定的宽度和格式关闭（导航栏的高度增加，其很有可能的事情我做错了）。

这将是很好已经资产净值在流体，基于百分比的宽度中心的，具有最小宽度的基础上，一些支持的最小设备的屏幕尺寸，并且NOWRAP。（我是一个新手WRT的响应媒体查询，也许这是基于百分比更好的选择。）

仍在调查的最小宽度和NOWRAP，但另一替代到引导容器类固定的宽度是添加导航栏-内的子对象。我想知道是否有一个内置的自举解决方案，如排液和斯潘类，但我一直没能得到那个内的导航格式正确无误无论是。

<div style="margin-left: 15%; margin-right: 15%;">

Answer 5:

我发现这个有用的和干净的：

<div class="navbar navbar-fixed-top">
  <div class="container">
      <ul class="nav">
      <li class="active"><a href="#">HOME</a></li>                        
      <li><a href="#contact">CONTACT</a></li>
      </ul>        
  </div>
</div>

其中，CSS是：