自舉列垂直堆疊時其合計列等於12

Question

在Offsetting Columns從例如this page第一列具有col-sm-5和第二列具有相同的col-sm-5而且偏移col-sm-offset-2。由於自舉網格列的總數是5+（5 + 2）= 12，所以支持在小屏幕上水平對齊，而不是像結果所示那樣垂直堆疊。爲什麼會發生？我甚至試圖去除額外的偏移量，但沒有任何改變。

<div class="container-fluid"> 
    <h1>Hello World!</h1> 
    <p>Resize the browser window to see the effect.</p> 
    <div class="row" style="background-color:lavender;"> 
    <div class="col-sm-5 col-md-6" style="background-color:lightgray;">.col-sm-5 .col-md-6</div> 
    <div class="col-sm-5 col-sm-offset-2 col-md-6 col-md-offset-0" style="background-color:lightcyan;">.col-sm-5 .col-sm-offset-2 .col-md-6 .col-md-offset-0</div> 
    </div> 
</div> 

Answer 1

它似乎正在按預期工作給我，你是否試圖瞄準最小的屏幕？如果是這樣，請嘗試-xs-而不是-sm-？