css - 在特定屏幕尺寸上设置类（引导程序）

Question

我正在使用引导程序。

并且想根据屏幕大小加载几个类，如 sm-col、xs.col。

示例：获取文本 ID

<div id="text" class="xs-format lg-format ..."></div>

style = 
.sm-format{
 column-count: 3;
}

.xs-format{
 column-count: 1;
}

.lg-format{
 column-count: 5;
}

如果正在加载 xs 屏幕，它应该在 1 列中加载文本，在 sm 屏幕上加载 3 列，在 lg 屏幕上加载 5 列。

有什么提示吗？

问候 n00n

Answer 1

您可以查看 Bootstrap 的卡片列，但如果您想要在更大的屏幕尺寸上超过 3 列，则必须编辑媒体查询。