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

问题描述 投票:22回答:1

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

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

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

我在这做错了什么?

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

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

css twitter-bootstrap twitter-bootstrap-3
1个回答
48
投票

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

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

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

请注意,此答案仅适用于版本3.0

© www.soinside.com 2019 - 2024. All rights reserved.