如何使用 SASS 为引导类生成自定义宽度答案

【问题标题】：How to generate custom widths for bootstrap classes using SASS如何使用 SASS 为引导类生成自定义宽度
【发布时间】：2020-04-26 02:07:14
【问题描述】：

我想自定义引导源代码，以便获得更多 w-XX 类。我想扩展它，以便同时拥有 w-40 和 w-60。我在documentation 中看到我必须修改 $sizes 变量。

所以在我的 custom.scss 中我就是这样做的：

$sizes: (
    25: 25%,
    40: 40%,
    50: 50%,
    60: 60%,
    75: 75%,
    100: 100%,
    auto: auto
);

然后我编译了我的 scss 文件，但没有生成我想要的新类。我错过了什么？

【问题讨论】：

【解决方案1】：

你需要在它之后导入bootstrap.scss。

$sizes: (
    25: 25%,
    40: 40%,
    50: 50%,
    60: 60%,
    75: 75%,
    100: 100%,
    auto: auto
);

@import "~bootstrap/scss/bootstrap";

【讨论】：