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

Bootstrap奇数列居中

2 个答案: