SASS：ブートストラップのデフォルトのプライマリ、成功、情報などのオーバーライド

Question

私はVisual Studio Codeで作業しています。私はGulp/Nodeを使ってSASSをコンパイルしています。

物事がうまく働いているが、私はブートストラップでこれをオーバーライドすることはできません何らかの理由：私自身の_variable.scssで

$brand-primary:   darken(#428bca, 6.5%) !default; // #337ab7 
$brand-success:   #5cb85c !default; 
$brand-info:   #5bc0de !default; 
$brand-warning:   #f0ad4e !default; 
$brand-danger:   #d9534f !default; 

私は、次のしている：

$brand-primary:   darken(#428bca, 6.5%) 
$brand-success:   #0aa699; 
$brand-info:   #1f3853; 
$brand-warning:   #fbb05e; 
$brand-danger:   #f35958; 
$brand-grey:   #d1dade; 

そして、私はそれを保証していますすべて私のカスタム.scssはの後にとなります。ブートストラップのものがロードされていますが、私のカスタムカラーは表示されません！ここで

パーシャルの構造である：

styles.scss

@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap"。

@import "custom/myappstyles";

myappstyles.scss

@import "モジュール/変数";

@import "modules/mixins";

@import "modules/layout";

@import "modules/typography";

@import "modules/forms";

@import "modules/buttons";

@import "modules/tables";

@import "modules/navigation-sidebar";

@import "modules/approval-sidebar";

Answer 1

構造と輸入品を書き留めていただけますか？

更新：ブートストラップインポートの前に変数を配置してください。