覆盖Bootstrap-Sass的变量

时间:2016-01-13 19:51:50

标签: twitter-bootstrap sass

我想覆盖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中,它将被编译。

有关默认变量为什么不重写的任何建议?

1 个答案:

答案 0 :(得分:0)

我的错误是我需要在导入bootstrap-sass包之前覆盖变量。

所以结果应该是这样的:

@import "_variables.scss";
@import "../../vendor/bootstrap-sass/assets/stylesheets/_bootstrap.scss";