SASS：覆盖bootstrap的默认主要，成功，信息..等颜色

Question

我正在使用Visual Studio Code。我正在使用Gulp / Node来编译我的SASS。

事情运作良好，但出于某种原因，我无法在Bootstrap中覆盖它：

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

在我自己的_variable.scss中，我有以下内容：

$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“modules / variables”;

     

@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

你能记下你的结构和进口吗？

更新：尝试在引导程序导入之前输入变量。