如何将这些 Twitter Bootstrap 3 导航栏链接居中显示？

Question

我想知道如何使Bootstrap 3的导航栏菜单项居中。我知道他们包含了一个`.nav-justified`类，但如果与`navbar-nav`一起使用，它将会冲突。我相信开发团队正在研究这个问题。

那么，有没有CSS的解决方法可以实现一个导航栏，即使所在的容器被重新调整大小，也会保持导航栏菜单项/链接保持对齐？

如果需要，这是Jsfiddle。

- ProEvilz

Answer 1

.nav-justified类应该与nav-tabs/nav-pills一起使用（请参见Bootstrap文档），而不是nav-bar。这两个概念非常不同，不应混淆。

然而，您可以通过添加以下css来实现所需的效果：

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

nav-justified现在与navbar-nav很好地配合使用：

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

请看更新后的jsFiddle。

- edsioufi

Answer 2

如果使用LESS，你可以按以下方式操作：

.navbar-nav {
  .nav-justified;
}

- XåpplI'-I0llwlg'I -

---

非常完美的答案，特别适合那些使用较少的人。+1 - Carrie Kendall