使用bootstrap-sass gem覆盖Rails中的Bootstrap变量

Question

我正在使用bootstrap-sass托马斯麦克唐纳的宝石(Bootstrap 3.0).我遵循了Daniel Kehoe 的 Bootstrap和Rails教程.

我application.css.scss在顶部有以下内容:

 /*
 *= require_self
 *= require_tree .
 */

我有framework_and_overrides.css.scss这条线:

@import "bootstrap";

现在我尝试覆盖$body-bg: #f00;我在这里找到的引导变量()并将它们放在这两个文件中的任何一个但没有任何变化.我究竟做错了什么？

Answer 1

您可以通过在指令之前重新定义变量来覆盖变量@import.

例如:

$navbar-default-bg: #312312;
$light-orange: #ff8c00;
$navbar-default-color: $light-orange;

@import "bootstrap";