首页 > 解决方案 > Bootstrap:如何访问颜色变量(“错误:未定义变量”)?

问题描述

为什么我会收到以下错误?

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。

标签: ruby-on-railstwitter-bootstrapsass

解决方案


我唯一能看到的是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没有出现。


推荐阅读