无法引导中心导航栏

Question

我试图居中这样的：http://jsfiddle.net/MikeStardust/hwhS5/导航栏，但没有运气...

通过中心我的意思是在导航中心一个单行排列的元件......查阅了几个解决方案，但没有工作，导致了中心对齐的导航栏，每行一个元素。

酒吧HTML：（上的jsfiddle CSS和HTML）

 <div class="navbar navbar-default">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" 
              data-toggle="collapse" data-target=".navbar-responsive-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
    </div>
    <div class="navbar-collapse collapse navbar-responsive-collapse">
      <ul class="nav navbar-nav">
        <li><a href="index.html">Home</a></li>
        <li><a href="http://chaoticunited.com/forums">Forums</a></li>
        <li><a href="servers.html">Servers</a></li>
        <li><a href="help.html">Help Center</a></li>
        <li><a href="#" data-toggle="modal" data-target="#vote">Vote</a></li>
        <li><a href="#">Donate</a></li>
      </ul>
    </div><!-- /.nav-collapse -->
  </div><!-- /.navbar 

我有这个：

并希望有这样的：（从Photoshop结果）

Answer 1

尝试改变.navbar-nav的显示值内联块，然后应用text-align其父来控制对准。

在这个断点如果你需要改变，你可以移动视点对齐重新申请text-align。

.navbar-nav {
    display: inline-block;
}

.navbar-default {
    text-align: center;
}

例如：http://jsfiddle.net/hwhS5/2/

Answer 2

使用引导类=“text-内容中心”