在特定屏幕尺寸上设置 class (bootstrap)
set class on specific screen size (bootstrap)
我正在与 bootstrap 合作。
并且想根据屏幕大小加载多个 类,例如 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
您可以查看 Bootstrap 的 card columns,但如果您希望在更大的屏幕尺寸上显示超过 3 列,则必须编辑媒体查询。
我正在与 bootstrap 合作。
并且想根据屏幕大小加载多个 类,例如 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
您可以查看 Bootstrap 的 card columns,但如果您希望在更大的屏幕尺寸上显示超过 3 列,则必须编辑媒体查询。