Bootstrap Offset在錯誤的時間應用？

Question

我有這個JSFiddle here。

注意藍色面板有col-md-offset-2。我的理解是，只有當視口處於「中等模式」時才能應用此類。但是，如果將視口拉伸至較大，則會看到藍色面板偏移量爲2.

同樣，我認爲col-md-offset-2僅適用於「中等模式」。有人可以解釋嗎？

Answer 1

不，這些尺寸所基於的引導媒體查詢具有以下斷點;

• col-xs-超小型設備手機（< 768px）
• col-sm-小型設備片（≥768px）
• col-md-劑裝置，臺式機（≥992px）
• col-lg-大型設備桌面（≥1200px）

對col-sm-,col-md-或沒有上限210個元素，而對於col-xs-元素則沒有下限。因此，僅使用col-sm-將覆蓋寬度爲768px或更大的所有窗口，而col-xs-將覆蓋寬度較小的所有窗口和設備。

如果要在大屏幕上顯示不同的行爲，可以使用col-lg-類以及col-md-和/或任何其他類。