Twitter bootstrap 3 引导：使一组列居中

我有这个：

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

...
...

---

我希望这8个小列在可用页面宽度的中间浮动。如果我加上一个col-sm-offset-2，那就把一切都推到了正确的位置，即使没有空间。建议？

如果您将您的

行

包含在一个列表中，那么它应该将所有内容居中。因此，使用

col-sm-offset-2

应该可以实现您想要的，例如

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

...

并没有完全居中。最后我发现右边的空间比左边大得多。我以测试形式将其部署到heroku供您检查…将偏移量从

col-sm-offset-1

增加到

col-sm-offset-2

，网格是12列，而不是10列。试试看。