所以..在网上看,我看到一些最近的文章说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>
- SM ≥ 576px
- MD ≥ 768px
- LG ≥ 992px
- XL ≥ 1200px
- xxl ≥ 1400px
查看 Bootstrap5 网格选项