中心列不是2的倍数

时间:2015-12-26 14:33:39

标签: css twitter-bootstrap

offset不能用于居中不是2的倍数的列,例如col-md-3。但是,假设需要一个这样的列中的一个也必须集中在一起,如何才能正确地完成对引导行为的影响最小?

我发现通过使用边距,引导行为变得混乱。 (一个后端开发人员问这个问题,我不是UI专家)

1 个答案:

答案 0 :(得分:1)

HTML:

<div class="container">
  <div class="row">
    <div class="col-md-3 centercol" style="border:1px solid black;">
      This is in the middle.
    </div>
  </div>
</div>

CSS:

.centercol {
  margin:0 auto;
  float:none;
  }

查看实际操作:http://www.bootply.com/l7AArBXdlZ