创建自定义 scss 文件

Question

我正在安装 bootstrap gem 并按照所有方向进行更改 application.css，但是当我创建另一个自定义 .scss 文件时，自定义文件中的自定义未包含在 application.css.scss。我也尝试将 boot strap 和 bootstrap-sprockets 导入到自定义文件中，但网站上没有进行任何更改。如何对新创建的 custom.scss 文件进行自定义以在网站上显示。

application.css.scss 文件只包含 2 行

@import "bootstrap-sprockets";
@import "bootstrap";

Answer 1

如果我没看错你的问题，你有应用程序。scss，其中包含

@import "bootstrap-sprockets";
@import "bootstrap";

还有您的自定义文件。scss 文件，您希望其内容最终出现在应用程序中。css。您需要将其添加到您的应用程序.scss 文件中，即 -

@import "bootstrap-sprockets";
@import "bootstrap";
@import "custom";

还建议您要导入的 .scss 文件（也称为部分文件）的名称以下划线开头，因此在这种情况下 custom.scss 变成 _custom.scss.

并且确保重新编译应用程序。scss到应用程序。css 因此实际进行了更改 - 我不确定您使用什么来编译 sass 但我认为这可能是您缺少的步骤。