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

Question

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

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

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

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

标签： csssassbootstrap-4

Answer 1

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

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

@import "~bootstrap/scss/bootstrap";