引导 - 列默认值

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>