css – Bootstrap布局 – 我们是否应该始终使用XS col类

我正在阅读有关bootstrap 12网格列布局的内容.

作者使用了.col-sm-8 class&小,中,小说大型设备DOM元素将占用8个列空间但在XS设备上DOM元素将占用整个宽度请参见下图

在另一个例子中,他使用了.col-xs-4类,并说这将在XS,SM,M& S上采用4列宽度. LG设备.

这是否意味着我们应该始终使用xs *类而不考虑设备,因为它会在更大的设备上自动调整？

总是使用xs类的优点/缺点是什么？

Bootstrap在构建时考虑了移动优先设计,这就是XS列将成为默认选择的原因.在这一行：

<div class="col-xs-4"></div>
<div class="col-xs-4"></div>
<div class="col-xs-4"></div>

我们在任何屏幕尺寸上都有3个等宽列.较大的断点是无关紧要的,因为我们已经处于默认布局.

但是,在这一行中：

<div class="col-md-4"></div>
<div class="col-md-4"></div>
<div class="col-md-4"></div>

您将看到中小型屏幕上有3列,小型和xsmall屏幕中有1列(堆叠).

如果您希望它在不同的屏幕尺寸下“中断”,则使用sm,m和l列.如果你永远不需要它“破解”,使用xs一直很好.