引导断点...需要一些澄清' xs sm md lg'



所以..在网上看,我看到一些最近的文章说xs断点是480px及以下..其他..状态767及以下..

我理解(可能不正确)xs适用于手机(480px及以下),.col-sm用于平板电脑(480px至767px)等。

但是,当我应用 .hidden-xs 时 - 它似乎隐藏了我期望我的平板电脑视图的位置......在 480px 到 767 范围内...

我在这里做错了什么?

列以 480px 对齐堆叠,但 .hidden 功能和 .col-x 似乎在该屏幕宽度下没有变化。

我正在使用一些疯狂的遗留代码,但我相当确定我已经升级到最新版本的引导程序。

xs 断点实际上处理 767 像素及以下的屏幕。断点宽度如下所示:

  • xs= 0-767 像素
  • SM = 768-991 像素
  • md = 992-1199 像素
  • LG = 1200 像素及以上

请参阅 http://getbootstrap.com/css/#grid

请注意,此答案适用于 3.0 版

我只是在试图澄清同一主题时偶然发现了这一点,尽管对于 Bootstrap 4

    xs= 0 - 575.98 像素(
  • 最大宽度 575.98) 超小型设备(纵向手机,小于 576 像素)

  • SM = 575.99 - 767.98 像素(最大宽度 767.98) 小型设备(横向手机,576 像素及以上)

  • md = 767.99 - 991.98 像素(最大宽度 991.98) 中型设备(平板电脑,768 像素及以上)

  • lg = 991.99 - 1199.98 像素(
  • 最大宽度 1199.98) 大型设备(台式机,992 像素及以上)

  • xl = 1199.99
  • 像素及以上(最小宽度 1199.99) 超大型设备(大型桌面,1200 像素及以上)

请参阅 https://getbootstrap.com/docs/4.0/layout/overview/

针对 Bootstrap v5.0 进行了更新

以下是 Bootstrap5 的更新网格大小列表

  • xs <576px>
  • SM576px
  • MD ≥ 768px
  • LG ≥ 992px
  • XL ≥ 1200px
  • xxl1400px

查看 Bootstrap5 网格选项

最新更新