使用 bootstrap 4 缺少 col-xs 尺寸

Question

在我的 React 项目中，使用 react-bootstrap，它加载了网格大小的所有 css，xs 集除外。

但是，xs 集确实获得了应用于所有网格大小的默认样式，但不包括媒体查询。

有什么明显的我遗漏的东西吗？

Bootstrap 4

Answer 1

-xs- 中缀已从 Bootstrap 4 Alpha 6 中删除，因此 类 就是 col-1、col-2.. col-12, 等...

由于 Bootstrap 是 "mobile first"，因此 xs 断点 (<576px) 是默认值，并且没有针对它的媒体查询。只有针对较大断点的媒体查询会覆盖较小的断点。从最小的每个断点开始覆盖下一个..

xs（默认）> 被 sm 覆盖 > 被 md 覆盖 > 被 lg 覆盖 > 被 xl

覆盖