Bootstrap-Sass的重写变量

Question

我想重写引导程序包的默认变量。

我的核心sass文件如下：

@import "../../vendor/bootstrap-sass/assets/stylesheets/_bootstrap.scss";
@import "_variables.scss";

我的_variables.scss看起来是这样的：

$navbar-default-bg: #fff;

包的默认变量是这样的：

$navbar-default-bg:                #f8f8f8 !default;

当我说：

.navbar-default {background-color: #fff}

在我的_variables.scss中，它将被编译。

有什么建议可以解释为什么默认变量是不过激的？

Answer 1

我的错误是在导入引导程序包之前，我需要重写变量。

结果应该是这样的：

@import "_variables.scss";
@import "../../vendor/bootstrap-sass/assets/stylesheets/_bootstrap.scss";