bootstrap3列加起來不到12是不對的？ （或者理解-offset）

Question

短版：col-x-offset-n只適用於左側，還是適用於左側和右側，如果這是它需要做的12？例如，我可以只做「col-x-10 col-x-offset-1」來獲得一個10列的容器，左邊和右邊都有1個額外的列？它似乎工作，但這不是文件建議應該發生的事情。

更長的版本：作爲一個例子，我試圖使用bootstrap 3網格系統將div對中。在col-xs尺寸上，我希望它是全寬，但在上面我希望它的中心每邊都有更多的填充。當然，所有的文檔說的列數共計應爲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列像個在左，右填充。但我可以用偏移處用更少的標記做到這一點：

<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> 

由於引導文件說：「使用.COL-MD-經偏置*類移動列向右這些類增加左保證金*列的列「。所以在這種情況下，我有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-偏移-3「（儘管它們分別加起來分別爲11,10和9列），但這是真的嗎？或者它只是一個怪癖而已？它幾乎看起來像自舉適用偏移量左邊和權利，如果需要，但我找不到任何文件來確認。 （也許有了這個簡單的例子，有一種更簡單的方法來做我在這裏描述的，但我想了解-offset是如何工作的，而不是僅僅用一個簡單的div來對齊margin：0 auto;像）

Answer 1

在他們提供的實例加起來還不到12

這應該是可以接受的引導文件：

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

僅供參考http://getbootstrap.com/css/#grid轉到「抵消列」一章和最後的e xample最多可以添加9個，並且是一個類似的中心示例。

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