【问题标题】:Bootstrap: How to access the color variables ("Error: Undefined variable")?Bootstrap:如何访问颜色变量(“错误:未定义变量”)?
【发布时间】: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


【解决方案1】:

我唯一能看到的是https://github.com/twbs/bootstrap-rubygem/blob/master/assets/stylesheets/bootstrap/_variables.scss 是用于v5.0.0beta2 的,可能你没有使用那个版本。

我查看了 v4.6.0https://github.com/twbs/bootstrap-rubygem/blob/v4.6.0/assets/stylesheets/bootstrap/_variables.scss$red-100 没有出现。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-05-08
    • 2022-11-30
    • 2020-11-30
    • 1970-01-01
    • 1970-01-01
    • 2015-01-25
    相关资源
    最近更新 更多