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";