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

Question

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

那么，是否有任何 CSS 工作可以实现一个导航栏，即使它所在的容器重新调整大小时，导航栏菜单项/链接仍保持对齐。

这是一个 Jsfiddle如果您需要，可以为您提供。

Answer 1

.nav-justifed 类将与 nav-tabs/nav-pills(参见 bootstrap docs)一起使用，而不是导航栏。这两个概念非常不同，不应混淆。

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

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

nav-justified现在与 navbar-nav 配合得很好:

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

参见 updated jsFiddle .