我如何将这些Twitter bootstrap 3导航栏链接集中在一起？

Question

我想知道如何将bootstrap 3的导航栏菜单项置于中心位置。我知道他们已经包含了.nav-justified课程，但如果一起使用，则会与navbar-nav冲突。我相信它正由开发团队调查。

因此有任何关于CSS的工作，我可以实现一个导航栏，即使它的容器重新调整大小，也会保持导航栏菜单项/链接的合理性。

如果您需要，可以使用Jsfiddle。

Answer 1

.nav-justifed课程将与nav-tabs / nav-pills一起使用（请参阅bootstrap docs），而不是nav-bar。这两个概念非常不同，不应混淆。

但是，您可以通过添加以下css：

来达到所需的效果

.navbar-nav.nav-justified > li{
    float:none;
}

nav-justified现在与navbar-nav：

相处得很好

<ul class="nav navbar-nav nav-justified">

请参阅updated jsFiddle。

Answer 2

如果使用LESS，您可以执行以下操作：

.navbar-nav {
  .nav-justified;
}