ruby-on-rails - 如何更改或自定义 bootstrap 4 和 Ruby on Rails 5 的警报颜色

Question

我正在使用 bootstrap gem 4.0.0.beta2.1、Rails 5.1.4 和标准 bootstrap 警报(类:“警报警报信息”)。它们很好，但不适合我的风格。例如，我想要白色背景。我该如何自定义？有什么办法可以更改 Bootstrap4 变量吗？

Answer 1

在 Bootstrap 中 _variables.scss ，有与警报颜色相关的变量:

$alert-bg-level:     -10 !default;
$alert-border-level:  -9 !default;
$alert-color-level:    6 !default;

我在文档中找不到任何提及这些值，但这些值似乎可以调整应用于警报的任何类传入的颜色的明暗度(例如 alert-primary )。

例如，如果您覆盖 $alert-bg-level与 0 ， .alert-primary的背景色将与您定义为 $primary 的任何颜色相同，而值 10将使它变暗或值 -10会让它更轻。

背景和边框颜色使用 -10 的比例。至 10 ，而文本颜色似乎使用 0 的比例至 10 .