假设我们有使用Twitter Bootstrap 2.0的导航栏的以下标记。
<div class="navbar navbar-fixed-top"> <div class="navbar-inner pull-center"> <ul class="nav"> <li class="active"><a href="#">HOME</a></li> <li><a href="#contact">CONTACT</a></li> </ul> </div> </div>
在navbar-inner里面最好的中心方式是什么?
我只想出添加自己的CSS样式:
@media (min-width: 980px) { .pull-center { text-align: center; } .pull-center > .nav { float:none; display:inline-block; *display: inline; *zoom: 1; height: 32px; } }
解决方法
将导航栏中的容器的宽度从自动覆盖到960px。
.navbar-inner .container {width:960px;}