重载Bootstrap-Sass的变量

Question

我想重写bootstrap-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";