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