Css 使用boostrap导航栏对中菜单项

我有一个简单的粘性导航条，我试图把菜单项放在左边、中间和右边。我找到了导航栏右边和左边的引导文档。这两种方法都很好，但是如果我想要中间的东西，我在引导库中找不到一个术语/变量。我还尝试将align=“center”添加到li和a标记中。在引导导航中，是否有一些特定的菜单项可以调用到中心菜单项，或者是否必须使用css align手动编辑

    <!-- Fixed navbar -->
<nav class="navbar navbar-default navbar-fixed-top">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#"> pushed left by default? </a>
    </div>
    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav navbar" align="center">
        <li class="active"><a href="#">pushed left by default?</a></li>
        <li><a href="#">center this part  </a></li>
        <li><a href="#">and this too  </a></li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li><a href="#">right </a></li>
        <li><a href="#"> right</a></li>
      </ul>
    </div><!--/.nav-collapse -->
  </div>
</nav>

切换导航

我将此链接作为副本发布，但意识到使用

导航栏right

时答案不正确

尝试在导航栏导航上创建/添加要居中的

navbar center

类

<ul class="nav navbar-nav navbar-center" align="center">
    <li class="active"><a href="#">pushed left by default?</a></li>
    <li><a href="#">center this part  </a></li>
    <li><a href="#">and this too  </a></li>
</ul>

---

是的，这正是我想要的，很惊讶没有太多关于这方面的文档，再次感谢@我同意。代表Bootstrap的创建者来说，有一个

导航栏左

和一个

导航栏右

，但没有

导航栏中心

，这是愚蠢的。没问题！

.navbar-center {
    display: inline-block;
    float: none;
}

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