Bootstrap 5列网格宽度

Question

我正在尝试在 Bootstrap 5 中理解此表。

目前我的理解是这样的：

• 超小 (xs) - 定位最大宽度为 576 像素。
• Small (sm) – 针对分辨率大于 540 的设备 像素，但小于 576 像素。
• 中 (md) - 定位大于 720 像素或更小的设备 超过 768 像素。
• 大 (lg) - 定位大于 960 像素但 小于 992 像素。
• 超大 (xl) - 定位大于 1200 像素的设备 但小于 1140 像素。
• Extra extra large (xxl) - 适用于所有大于或 等于 1400 像素。

想知道我上面所说的是否正确？请帮忙

Answer 1

你理解错了。正确的做法是：

• 超小 (xs) - 定位最大宽度为 575 像素。
• 小 (sm) - 定位分辨率大于等于 576 像素但小于 768 像素的设备。
• 中 (md) - 定位大于等于 768 像素且小于 992 像素的设备。
• 大 (lg) - 定位大于等于 992 像素但小于 1200 像素的设备。
• 超大 (xl) - 定位大于等于 1200 像素但小于 1140 像素的设备。
• Extra extra large (xxl) - 适用于所有大于或等于 1400 像素的分辨率。