Bootstrap未指定col-md/col-lg时，col-sm-4是否等效多类及适配大屏？

嘿，这两个问题其实都围绕Bootstrap栅格系统的移动优先核心规则，我来给你拆解清楚：

问题1：未指定col-md和col-lg时，col-sm-4是否等同于col-sm-4 col-md-4 col-lg-4？ #

完全没错！Bootstrap的栅格是移动优先设计的——简单来说，小屏幕的栅格类会自动“向上继承”到更大的屏幕尺寸，除非你用更大断点的类去覆盖它。

举个例子，当你只写col-sm-4时：

• 在sm断点（≥576px）及以上的所有屏幕（包括md≥768px、lg≥992px、xl≥1200px等），这个元素都会占据4列的宽度，效果和你手动加上col-md-4、col-lg-4完全一致。因为Bootstrap默认不会在更大屏幕上改变未被覆盖的栅格设置。

问题2：未指定col-lg和col-md时，col-sm的样式是否会应用于所有大屏设备？ #

是的，肯定会！

还是回到移动优先的逻辑：col-sm-*是针对sm及以上的屏幕生效的。md、lg这些大屏断点的宽度都比sm大，所以如果你没有给这些大屏断点指定专属的col-md-*、col-lg-*类，那么col-sm-*的样式就会一直沿用下去，不会自动改变。

举个反例：如果你写了col-sm-4 col-md-6，那在md及以上屏幕就会变成6列，覆盖掉sm的4列设置；但如果只写col-sm-4，所有比sm大的屏幕都会保持4列宽度。

内容的提问来源于stack exchange，提问作者CodingFriend