覆盖Bootstrap-Sass的变量

Question

我想覆盖bootstrap-sass包的默认变量。

我的核心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

我的错误是我需要在导入bootstrap-sass包之前覆盖变量。

所以结果应该是这样的：

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