twitter-bootstrap - 引导奇数列居中

Question

我不知道它是否可能，但我想让奇数列居中而不是左对齐：

<div class=col-md-4 col-sm-6>...</div>
<div class=col-md-4 col-sm-6>...</div>
<div class=col-md-4 col-sm-6>...</div>

在中型或更大的屏幕上会很好地显示三列。在小屏幕上，将有两列，第三列堆叠在底部。我希望第三列居中而不是左对齐。没有 js 有可能吗（我可以想出几种用 js 来做到这一点的方法，但我宁愿只用 css 来做）？

Answer 1

你能试一下吗 ：

<div class=col-md-4 col-sm-6>...</div>
<div class=col-md-4 col-sm-6>...</div>
<div class=col-md-4 col-sm-6 col-sm-offset-3>...</div>

col-sm-offset-3将在第三列插入偏移量 3，因此将 div 居中。

Answer 2

在 Bootstrap 中，偏移量用于使列居中。尝试这个...

  <div class="col-md-4 col-sm-6">...</div>
  <div class="col-md-4 col-sm-6">...</div>
  <div class="col-md-4 col-sm-6 col-md-offset-0 col-sm-offset-3">...</div>

这将使列仅在较小的宽度上居中。

http://bootply.com/94161