使用bootstrap中的col-md-,如何实现居中啊

<div class="col-md-11"></div>

比如上面这段代码,我想让它实现居中,bootstrap里面貌似没有居中div的设置,我想用margin:0px auto来实现居中,但是没有效果。按说百分比的宽度是可以用auto来实现居中的啊o(╯□╰)o。求大神告知

阅读 25.5k
2 个回答

用偏移,举个例子:

<div class="row">
  <div class="col-md-6 col-md-offset-3">带偏移的列</div>
</div>

因为在boostrap中一行分为12列,所以要居中的话可以通过计算占据的列数和偏移:比如上面的例子占据的宽度是6列,要居中就是左右各偏移(12-6)/2=3;如果占据宽度为8,则是左右各偏移(12-8)/2=2;以此类推。

bootstrap 栅格类有 float:left 样式,覆盖掉就好了

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