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

虾哔哔
  • 87
<div class="col-md-11"></div>

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

回复
阅读 21.4k
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;以此类推。

zhengtulym
  • 85

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

宣传栏