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

时间:2015-04-24 01:02:55

标签: css twitter-bootstrap twitter-bootstrap-3

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

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

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

我在这里做错了什么?

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

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

1 个答案:

答案 0 :(得分:50)

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

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

请参阅http://getbootstrap.com/css/#grid

请注意,这个答案适用于版本3.0