在文件中使用Bootstrap 4变量

Question

我想在自己的CSS规则上使用Bootstrap 4变量（例如$font-family-serif）。我正在使用Webpack，并将Bootstrap变量和函数导入我的scss文件中，如下所示：

@import "~bootstrap/scss/functions";
@import "~bootstrap/scss/variables";

尝试编译时，出现以下错误：

font-family: $font-family-serif;
            ^
    Undefined variable: "$font-family-serif".

Answer 1

Bootstrap 4中没有$font-family-serif变量。有$font-family-sans-serif变量。