我正在使用Thomas McDonald的bootstrap-sass gem（Bootstrap 3.0）。我跟着了
Daniel Kehoe的Bootstrap and Rails教程。
我有application.css.scss，其顶部有以下内容：
/*
*= require_self
*= require_tree .
*/
我有framework_and_overrides.css.scss其中有这一行：
@import "bootstrap";
现在我尝试重写引导变量（$body-bg: #f00;）我发现here并将它们放在这两个文件中的任何一个但没有任何变化。我做错了什么？
答案 0 :(得分：54)
您可以通过在 @import指令之前重新定义变量来覆盖变量。
例如：
$navbar-default-bg: #312312;
$light-orange: #ff8c00;
$navbar-default-color: $light-orange;
@import "bootstrap";
答案 1 :(得分：1)
查看执行周期。在引导程序文件中，文件以这种方式呈现，例如我们＆＃34;得到变量＆gt;并在导航栏中应用＆＃34;这在开始执行引导文件时确实发生了。它存在于引导程序内部，看起来是顺序的导入流程。 ，变量来自bootstrap /变量并在bootstrap / navbar中设置vavbar颜色，这会在导航栏中使用变量navbar-default-bg应用颜色。
实际上程序员正在做的是在导航栏中设置颜色后尝试设置变量值。 （在＃34之前或之后; @importing bootstrap＆＃34;语句，变量更改不会在导航栏颜色中进行更改，需要在bootstrap文件中进行编辑）
如果您想要更改以下颜色，请查看下面的代码。
在bootstrap文件中
//核心变量和混合
@import＆＃34; bootstrap / variables＆＃34 ;;
//组件
@import＆＃34; bootstrap / navs＆＃34 ;;
$导航栏默认-BG：红色; //初始化 $ navbar-default-bg （导入bootstrap /变量后）
@import＆＃34; bootstrap / navbar＆＃34 ;;这里的颜色设置正在执行＆＃34;
这样可以正常工作，分析执行周期。
但我建议使用其他手动类来应用bg-color而不是过骑自行车变量。