Bootstrap Offset在错误的时间应用？

Question

我有这个JSFiddle here。

请注意，蓝色面板上有col-md-offset-2个班级。我的理解是，只有在视口处于“中等模式”时才应用此类。但是，如果将视口拉伸到较大，则会看到蓝色面板偏移2。

同样，我认为col-md-offset-2仅适用于“中等模式”。有人可以解释一下吗？

Answer 1

不，引导媒体查询这些大小基于具有以下断点;

• col-xs-超小型设备电话（＆lt; 768px）
• col-sm-小型设备平板电脑（≥768px）
• col-md-中型设备桌面（≥992px）
• col-lg-大型设备桌面（≥1200px）

col-sm-，col-md-或col-lg-元素没有上限，而col-xs-元素没有下限。因此，简单地使用col-sm-将覆盖宽度为768px或更大的所有窗口，col-xs-将覆盖所有宽度较小的窗口和设备。

如果您想在大屏幕上使用不同的行为，可以使用col-lg-课程以及col-md-和/或任何其他课程。