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

Noo*_*ter 24 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.

moo*_*ive 53

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

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

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

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

  • 请注意,这在Bootstrap v4中已修复:xs现在为480px.他们还添加了更多描述性的响应类,例如`hidden-md-up`.请参阅迁移文档:http://v4-alpha.getbootstrap.com/migration/ (6认同)