Twitter bootstrap bootstrap3列的总和小于12是错误的吗？（或，理解-抵消）

简短版本：col-x-offset-n是否仅应用于左侧，或者如果这是它需要制作的12，它是否应用于左侧和右侧？例如，我可以只执行“col-x-10 col-x-offset-1”来获得一个10列容器，该容器的左右两侧各有一个额外的列吗？这似乎是可行的，但这并不是文档所建议的

更长的版本：例如，我尝试使用Bootstrap3网格系统将一个div置于中心。在X列大小时，我希望它是全宽的，但在这上面，我希望它居中，每边多加一点填充。当然，所有的文档都说列的数量应该是12。因此，如果我这样做：

 <div class="container">
    <div class="row">
        <div class="col-sm-1">
        </div>
        <div class="col-sm-10">
            ...content here...
        </div>
        <div class="col-sm-1">
        </div>
    </div>
</div>

…内容在这里。。。

它的工作原理与我预期的一样，两个空的col-sm-1列在左侧和右侧充当填充。但我可以使用-offset使用较少的标记来完成此操作：

<div class="container">
    <div class="row">
        <div class="col-sm-10 col-sm-offset-1">
        ...content here...
        </div>
        <div class="col-sm-1">
        </div>
    </div>
</div>

…内容在这里。。。

正如bootstrap文档所说：“使用.col md offset-*类将列向右移动。这些类将列的左侧边距增加*列。”因此，在本例中，我有10列，加上偏移量中的1列，再加上下面空的col-sm-1 div中的1列，等于12列

现在是最后一个问题：如果我删除最后一个空col-sm-1 div，我仍然会得到相同的结果（页面居中，与前面的两个示例相同），但我的列现在总共只有11个

<div class="container">
    <div class="row">
        <div class="col-sm-10 col-sm-offset-1">
        ...content here...
        </div>
    </div>
</div>

…内容在这里。。。

这样可以吗？Bootstrap只是我的最后一个专栏吗？我只想放弃它，只使用“col-sm-10 col-sm-offset-1”或“col-sm-8 col-sm-offset-2”或“col-sm-6 col-sm-offset-3”（尽管这些列的总数分别只有11、10和9列），但这真的是这样做的吗？还是仅仅是一个怪癖？如果需要的话，bootstrap似乎会将偏移同时应用到左侧和右侧，但我找不到任何文档来证实这一点

---

（也许有了这个简单的例子，就有了一个更简单的方法来完成我在这里描述的事情，但我试图理解-offset是如何工作的，而不仅仅是将一个简单的div与margin:0 auto；或类似的东西居中。）

在引导文档中，他们提供了加起来不等于12的例子

这应该是可以接受的：

<div class="container">
    <div class="row">
        <div class="col-sm-10 col-sm-offset-1">
        ...content here...
        </div>
    </div>
</div>

…内容在这里。。。

参考“偏移列”一章，最后一个示例加起来是9，是一个类似的中间示例

<div class="row">
  <div class="col-md-6 col-md-offset-3">.col-md-6 .col-md-offset-3</div>
</div>

.col-md-6.col-md-offset-3