我想知道如何将bootstrap 3的导航栏菜单项置于中心位置。我知道他们已经包含了.nav-justified
课程,但如果一起使用,则会与navbar-nav
冲突。我相信它正由开发团队调查。
因此有任何关于CSS的工作,我可以实现一个导航栏,即使它的容器重新调整大小,也会保持导航栏菜单项/链接的合理性。
如果您需要,可以使用Jsfiddle。
答案 0 :(得分:28)
.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。
答案 1 :(得分:5)
如果使用LESS,您可以执行以下操作:
.navbar-nav {
.nav-justified;
}