html - 如何将这些 Twitter bootstrap 3 导航栏链接居中？

Question

我想知道如何将引导程序 3 的导航栏菜单项居中。我知道他们已经包含了一个.nav-justified类，但如果一起使用，那只会冲突navbar-nav。我相信开发团队正在调查它。

那么是否有任何使用 CSS 的解决方法，我可以实现一个导航栏，即使它所在的容器被重新调整大小，它也会保持导航栏菜单项/链接的合理性。

如果您需要，这里有一个Jsfiddle供您使用。

Answer 1

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

但是，您可以通过添加以下内容来实现您正在寻找的效果css：

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

nav-justified现在玩得很好navbar-nav：

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

请参阅更新的 jsFiddle。

Answer 2

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

.navbar-nav {
  .nav-justified;
}