所以。。在网上看，我看到最近的一些文章说明xs断点是480 px及以下。。其他。。状态767及以下。
我的理解（可能不正确），xs是手机（480 px及以下），.col-sm是平板电脑（480 px至767 px）等。
然而，当我应用.hidden-xs时--它似乎隐藏了我期望的平板电脑视图...在480 px到767范围内...
我哪里做错了？
列在480 px时对齐堆叠，但.hidden特征和.col-xs在该屏幕宽度下似乎没有变化。
我正在使用一些疯狂的遗留代码，但我相当肯定我已经升级到最新版本的 Bootstrap 。
3条答案
按热度按时间w51jfk4q1#
xs断点实际上处理767像素及以下的屏幕。断点宽度如下：
*xs= 0-767像素
*sm= 768-991像素
*MD= 992-1199像素
*lg= 1200像素及以上
请访问http://getbootstrap.com/css/#grid
请注意，此答案适用于3.0版
vsmadaxz2#
我只是在试图澄清同一主题时偶然发现了这一点，尽管是为了Bootstrap 4。
*xs= 0 - 575.98像素（最大宽度575.98）超小型设备（纵向手机，小于576像素）
*sm= 575.99 - 767.98像素（最大宽度767.98）小型设备（横向手机，576像素及以上）
*md= 767.99 - 991.98像素（最大宽度991.98）中型设备（平板电脑，768像素及以上）
*lg= 991.99 - 1199.98像素（最大宽度1199.98）大型设备（台式机，992 px及以上）
*xl= 1199.99像素及以上（最小宽度1199.99）超大型设备（大型桌面，1200 px及以上）
请参阅https://getbootstrap.com/docs/4.0/layout/overview/
nkoocmlb3#
针对 Bootstrap v5.0进行了更新
以下是Bootstrap5更新后的网格大小列表
xs〈 576像素 *
*sm≥ * 576像素 *
*md≥ * 768像素 *
*lg≥ * 992像素 *
*xl≥ * 1200像素 *
*xxl≥ * 1400像素 *
请参阅Bootstrap5网格选项