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

Question

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

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

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

我在这里做错了什么？

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

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

原文由 NoobSter 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

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

见 http://getbootstrap.com/css/#grid

请注意此答案适用于 3.0 版

原文由 moodyjive 发布，翻译遵循 CC BY-SA 4.0 许可协议