Bootstrap：以一组列为中心

Question

我有这个：

<div class="row">
  <div class="col-sm-8">
...
...
  </div>
</div>

我希望这8个小列在可用页面宽度的中间浮动。如果我添加一个col-sm-offset-2，但只是把所有东西都推好，即使没有空间。建议？

Answer 1

如果您在container中包含row，则应将所有内容都集中在一起。因此，col-sm-offset-2应该达到你想要的效果，例如

<div class="container">
  <div class="row">
    <div class="col-sm-8 col-sm-offset-2">
       ...
    </div>
  </div>
</div>