为什么我不会使用多个col尺寸？

Question

为什么我不会在boostrap规则中包含所有可能的列大小？像这样：

       <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">

为了以防万一，这样做不是更好吗？

Answer 1

如果它们相同，则是多余的。

根据documentation：

  

网格类适用于屏幕宽度大于或等于的设备   到断点大小，并覆盖针对较小的网格类   设备。因此，例如将任何.col-md- *类应用于元素   不仅会影响它在中型设备上的造型，还会影响它的大型造型   设备如果没有.col-lg- *类。

因此，如果您始终希望它为3列（1/4屏幕宽度），则可以<div class="col-3-xs">执行与<div class="col-3-xs col-3-sm col-3-md col-3-lg">相同的效果。

然而，Bootstrap的部分好处是它允许响应，因此您可能不希望额外的小屏幕具有与大屏幕相同的比例，因此不同的类。