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及以上)
所以..在网上看,我看到一些最近的文章说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及以上)