css - Bootstrap 断点...需要一些说明 ' xs sm md lg'

标签 css twitter-bootstrap twitter-bootstrap-3

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

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

但是,当我应用 .hidden-xs 时——它似乎隐藏了我期望我的平板电脑 View 的位置……在 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 版

关于css - Bootstrap 断点...需要一些说明 ' xs sm md lg',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29836950/

相关文章:

javascript - 从 Ext JS 4.2 调用 aspx 时遇到问题

javascript - 文本剪切效果,div 上的图像已写入文本。 CSS

javascript - Bootstrap 如何命名其 JavaScript 组件?

forms - Bootstrap 3 : formatted checkboxes with Symfony & Twig

javascript - 如何防止 Bootstrap 导航栏按钮堆叠

html - : Mozilla Firefox, Internet Explorer 中的 CSS 函数、youtube 和边框

css - 目标选择器不起作用

html - 如何在显示浏览器滚动条的网页中保持对齐?

html - Rails 中的 Bootstrap 旋转木马

css - 并排对齐按钮 - bootstrap 3