首页 > 解决方案 > Bootstrap 5列网格宽度

问题描述

我试图在 Bootstrap 5 中理解这张表。

在此处输入图像描述

到目前为止,我的理解是这样的:

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

标签: htmlcsstwitter-bootstrap

解决方案


你理解错了。正确的方法是:

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

推荐阅读