引導 - 列默認值

Question

在bootstrap grid system文件說：

內容應放在列內，只列可能是行的直接孩子。

所以在下面的例子中爲智能手機和平板電腦：

<div class="row"> 
    <div class="col-xs-12 col-sm-12">Column One</div> 
    <div class="col-xs-12 col-sm-12">Column Two</div> 
</div> 

我們是否有設置班COL-XS-12 COL-SM-12當列應填寫行寬度還是有一個我們可以爲這兩個設備設置的默認類？如果我們沒有設置類別，則由於.row類別上的負邊距，會將內容左右推送。

Answer 1

由於Bootstrap是第一個移動設備，如果您設置.col-xs-12，您的div將會全部使用每個設備。這意味着您不必設置.col-sm-12。

<div class="row"> 
    <div class="col-xs-12"> 
    <!-- 
     12-col on xs/sm/md/lg 
    --> 
    </div> 
    <div class="col-xs-12 col-6-md"> 
    <!-- 
     12-col on xs/sm 
     6-col on ms/lg 
    --> 
    </div> 
    <div class="col-xs-12 col-6-md col-12-lg"> 
    <!-- 
     12-col on xs/sm 
     6-col on md 
     12-col on lg 
    --> 
    </div> 
</div> 

此外，默認值正是.col-xs-12。這意味着你甚至不必指定它：

<div class="row"> 
    <div class="col-md-6"> 
    <!-- 
     12-col on xs/sm 
     6-col on md 
    --> 
    </div> 
</div>