Bootstrap V5 布局：更改网格系统列宽度值

Question

我想更改 bootstrap v5 grid system 列宽度值，如下例所示：

从 .col-lg-3 { flex: 0 0 auto; width: 25%; } 到 .col-lg-3 { flex: 0 0 auto; width: 20%; } 使用 sass 引导程序制作的混合。

Answer 1

您不需要创建自定义类。在使用 Bootstrap 时，我发现使用 % 更改宽度不起作用。在我的情况下，使用 vw 是有效的。这意味着视口宽度（1vw == 视口宽度的 1%）。两个单位（% 和 vw）都是相对单位（更准确地说是相对长度），但只有 vw 适用于 Bootstrap。

所以，请尝试使用 vw 并告诉我这是否有帮助。