Twitter bootstrap 引导布局-我们应该始终使用XS col类吗

我在读有关bootstrap 12网格列布局的文章

作者使用了

.col-sm-8

类，并表示在

小型、中型和大型设备上，DOM元素将占用8列空间，但在
XS
设备上，DOM元素将占用整个宽度，请参见下图

在另一个例子中，他使用了
.col-xs-4
类，并表示这将占用
xs、SM、M&LG
设备上的4列宽度

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

始终使用
xs
class的优点/缺点是什么

Bootstrap是基于mobile first设计而构建的，这就是为什么XS列是默认选择。在这一行中：

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

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



我们将在任何屏幕大小上有3个等宽列。更大的断点无关紧要，因为我们已经处于默认布局

但是，在这一行中：

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

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



您将看到中/大屏幕上有3列，小屏幕和小屏幕上有1列（堆叠）

如果希望它在不同的屏幕大小下“中断”，可以使用sm、m和l列。如果你从不需要它来“中断”，那么一直使用xs是可以的。
如果你的目标是不同的设备，那么你不应该只使用一个类，例如，假设你有一个厨房，你想在桌面设备上显示4张图片，在桌子上显示2张，在电话设备上只显示一张

下面举个例子给你一个想法

<div class="container">
  <div class="row">
    <figure class="col-xs-12 col-sm-6 col-md-4">
      <img .../>
    </figure>
    <figure class="col-xs-12 col-sm-6 col-md-4">
      <img .../>
    </figure>
    <figure class="col-xs-12 col-sm-6 col-md-4">
      <img .../>
    </figure>
    <figure class="col-xs-12 col-sm-6 col-md-4">
      <img .../>
    </figure>
  </div>
</div>


我了解某一特定样式在较大或较小的设备上的工作原理，这一部分很清楚。您在这里的建议是使用
xs
样式在所有情况下都可以正常工作。@SharpCoder是和否。如果您不想要一个响应性布局（在移动设备上设计它，它永远不会改变），那么您可以做所有的xs，它很好。但这样就消除了使用引导的必要性。若你们想让它在不同大小的屏幕上看起来不同，你们最终会使用不同大小的列。谢谢，但我想这会在桌面上显示3张图片。