bootstrap 断点...需要一些说明 'xs sm md lg'

bootstrap breakpoints... need some clarification ' xs sm md lg'

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

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

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

我做错了什么?

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

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

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)大于 576px)

  • sm = 575.99 - 767.98 像素(最大宽度 767.98)小型设备(横屏手机、576px 和向上)

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

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

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

https://getbootstrap.com/docs/4.0/layout/overview/