在 Rails 中自定义 Bootstrap SASS 变量答案

【问题标题】：Customizing Bootstrap SASS variables in Rails在 Rails 中自定义 Bootstrap SASS 变量
【发布时间】：2016-12-19 13:01:11
【问题描述】：

我需要减小 Rails 中 Bootstrap 的 Jumbotron 标头的字体大小。我看到here

我需要添加类似的东西

@jumbotron-heading-font-size: ceil((@font-size-base * 2.5));

在我的文件中

app/assets/stylesheets/bootstrap_customization.css.scss

所以我把“@”改成了“$”，请看下面文件现在的样子：

$jumbotron-heading-font-size: ceil(($font-size-base * 2.5));
$jumbotron-padding: 20px;
@import "bootstrap";

但这不起作用。

【问题讨论】：

【解决方案1】：

我找到了解决方案。当我使用 Bootstrap 4 时，我查看了

https://github.com/twbs/bootstrap-rubygem/blob/master/assets/stylesheets/bootstrap/_variables.scss

并在那里找到 $display3-size 变量（这是 Jumbotrone 中 h1 标签的类），所以我在 @import bootstrap 之前将以下行添加到我的 .scss 文件中：

$display3-size: 2.5rem;

现在可以了

【讨论】：