只有小宽度的Bootstrap列？

Question

是否可以在Bootstrap中创建小宽度的列？

默认列将继承较大的尺寸。因此，xs宽度的2列布局也是sm，md等的2列布局。

<div class="row">
 <div class="col-xs-6"></div>
 <div class="col-xs-6"></div>
</div>

Answer 1

如果您的"small width ONLY"表示其他屏幕尺寸应显示为块，则渲染将类似于1列布局。因此，只需为SM添加布局规则，即可将其附加到所有>=SM屏幕尺寸。

例如，如果您只想为XS设置2列布局而为所有其他屏幕尺寸设置1列布局，那么这应该可以解决问题：

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