Question

我在我的项目中使用sass-bootstrap，我有一个_colors.scss文件，我保存了我的颜色变量。我在导入bootstrap之前导入了_colors.scss。

我可以修改主要的引导变量，如：

$navbar-default-link-active-color: red;

//标题菜单中的活动链接变为红色

但我不能在我的其他sass文件中使用color var，如：

$brand-primary: #428bca;

body {
  color: $brand-primary;
}
// this give undefined variable

怎么样？

我的导入application.css.scss：

@import "base-elements/colors";
@import "base-elements/typography";
@import "base-elements/helpers";
@import "bootstrap-sprockets";
@import "bootstrap";
@import "bootstrap-theme.min";
@import "components/login";
@import "components/carousel";
@import "pages/pages";

Answer 1

发现大于4.0.1的sass-rails版本与bootstrap不兼容。我需要定义

gem sass-rails '4.0.1 '

和

gem 'sprockets', '2.11.0'

为了使颜色和bootstraps mixins正常工作

希望这可以帮助别人

sass-bootstrap RubyOnRails gem：颜色变量不起作用

1 个答案: