使用bootstrap-sass时修改Bootstrap变量

Question

以下是所有较少的引导变量:http://twitter.github.com/bootstrap/less.html

我已经使用bootstrap-sass gem将twitter bootstrap添加到我的rails应用程序中,这意味着我正在使用sass.如何在bootstrap_and_overrides.css.scss文件中修改/编辑这些较少的变量？

当我尝试做这样的事情时:

@navbarBackground: #3D368B;

我明白了:

页面#home中的Sass :: SyntaxError

显示/Users/justme/myproject/app/views/layouts/application.html.erb第5行引发:

"@navbarBackground:"之后的无效CSS:预期的伪类或伪元素,是"#3D368B;"

Answer 1

Sass中的变量以美元符号($)开头,而不是在Less中使用的符号(@).

试试这个:

$navbarBackground: #3D368B;
@import "bootstrap";
@import "bootstrap-responsive";

Answer 2

修改saas中的变量,在导入bootstrap之前修改它们

.alert{
  margin-top:-40px;
}



@import "bootstrap";
@import "bootstrap-responsive";

这是我的应用程序中的一个示例