Css 引导V5布局:更改网格系统列宽值

Css 引导V5布局:更改网格系统列宽值,css,sass,grid,bootstrap-5,Css,Sass,Grid,Bootstrap 5,我想更改列宽度值,如下例所示: 从.col-lg-3{flex:0 0 auto;width:25%;}到.col-lg-3{flex:0 auto;width:20%;}使用引导程序生成的sass混合。无需创建自定义类。在使用引导时,我发现用%更改宽度是行不通的。在我的案例中,使用的是vw。它表示视口宽度(1vw==视口宽度的1%)。这两个单位(%和vw)都是相对单位(更准确地说是相对长度),但只有vw可以使用引导 因此,尝试使用vw并告诉我这是否有帮助。您可以在.col-lg-3之后添加额外

我想更改列宽度值,如下例所示:


.col-lg-3{flex:0 0 auto;width:25%;}
.col-lg-3{flex:0 auto;width:20%;}
使用引导程序生成的sass混合。无需创建自定义类。在使用引导时,我发现用
%
更改宽度是行不通的。在我的案例中,使用的是
vw
。它表示视口宽度(1vw==视口宽度的1%)。这两个单位(
%
vw
)都是相对单位(更准确地说是相对长度),但只有
vw
可以使用引导


因此,尝试使用
vw
并告诉我这是否有帮助。

您可以在.col-lg-3之后添加额外的类。例如:.col-lg-3.yourclass{width:20%!important;}我知道我可以创建一个自定义类,但我更喜欢使用现有的引导网格混合来实现这一点。