【发布时间】:2021-06-07 07:22:23
【问题描述】:
为什么会出现以下错误?
Error: Undefined variable: "$red-100"
...当我尝试使用任何 Bootstrap 的颜色变量时,如下所示:
div {
background-color: $red-100;
}
在我的Gemfile 中,我有:
gem 'bootstrap'
在我的application.scss 文件中,我有:
@import "bootstrap";
为了访问这些颜色变量缺少什么?
编辑:这些颜色变量列在:https://github.com/twbs/bootstrap-rubygem/blob/master/assets/stylesheets/bootstrap/_variables.scss
编辑 2:我使用 Bootstrap v4.6.0。
【问题讨论】:
-
如果您在使用 $red-100 的 scss 文件顶部执行
@import "bootstrap/variables";是否有效? -
@razvans - 不幸的是,它会抛出同样的错误。
-
描述中的链接适用于v5.0.0.beta2。你用的是那个版本?在github.com/twbs/bootstrap-rubygem/blob/v4.6.0/assets/… 中,没有 $red-100
-
@razvans - 非常感谢,这就是问题所在。我使用的是 v4.6.0...如果您添加答案,我会接受。
-
完成。谢谢!
标签: ruby-on-rails twitter-bootstrap sass