creating custom scss file

Question

I'm install bootstrap gem and follow all direction to change application.css, however when I create another custom .scss file, customizations from the custom file werent included in application.css.scss . I have tried to import boot strap and bootstrap-sprockets to the custom file as well, but no changes were made on the website. How can I make the customizations on the newly created custom.scss file to show on the website.

the application.css.scss file contains only 2 lines

@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，但我认为这可能是你缺少的一步。