使用引导sass时修改引导变量



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

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

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

@navbarBackground: #3D368B;

我得到:

Sass::SyntaxError in Pages#home

显示/用户/justme/myproject/app/views/layouts/application.html.erb其中第5行上升:

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

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

试试这个:

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

要修改saas中的变量,请在导入引导之前对其进行修改

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

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

在我的应用程序中的一个示例中

最新更新