bootstrap的nav怎么才能水平方向上居中?

bootstrap的nav怎么才能水平方向上居中?
就是两头都空出相同的距离?

阅读 16.5k
3 个回答

<div class="row">
<div class="col-md-6 col-md-offset-3">.col-md-6 .col-md-offset-3</div>
</div>

设置class="col-md-6 col-md-offset-3",还有class="center-block"设置元素为 display:block 并居中显示,你试下

bootstrap导航条中的nav元素默认是水平铺满的,不存在居中的问题,楼主说的是里面的ul.nav.navbar-nav菜单水平居中吧?
ul.nav.navbar-nav因浮动而不能直接用居中的样式,如果不清除浮动重新定位,可以用个变通的方法,把这个ul相对定位了,然后左边加上left,值设定一个百分数即可达到居中效果。代码如下:

position: relative;
left: 20%;

是否成功了?请反馈一下^_^

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进