我想知道如何使Bootstrap 3的导航栏菜单项居中。我知道他们包含了一个`.nav-justified`类,但如果与`navbar-nav`一起使用,它将会冲突。我相信开发团队正在研究这个问题。
那么,有没有CSS的解决方法可以实现一个导航栏,即使所在的容器被重新调整大小,也会保持导航栏菜单项/链接保持对齐?
如果需要,这是Jsfiddle。
那么,有没有CSS的解决方法可以实现一个导航栏,即使所在的容器被重新调整大小,也会保持导航栏菜单项/链接保持对齐?
如果需要,这是Jsfiddle。
.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。
.navbar-nav {
.nav-justified;
}