css - 如何在 Rails 4 应用程序中设置静态页面的样式

Question

我想设计一个静态页面作为 Rails 应用程序的登录页面。 静态页面来自 StaticPagesController。 但问题是当我在静态页面(home.html.erb)中添加类时 并在 application.css 中添加它不使用样式的样式。 有什么建议吗？

Answer 1

将 application.css 重命名为 application.scss 因为 Rails 4 更适合使用 .scss 扩展名。

然后，不要直接在 application.scss 文件中编写代码，这是一种非常糟糕的做法。

导入您的.scss 文件(不带扩展名)例如:

*= require_tree .
 = require rails_bootstrap_forms
 *= require_self
*/

@import "yourfilename";

如果您正在使用 .sass 扩展名，那么您必须在您的 config/application.rb 文件中包含此行:

config.sass.preferred_syntax = :sass

这是因为 Rails 默认采用 .css 或 .scss 扩展名，而不是 .sass 扩展名。

如果您删除了 application.scss 的内容，您也必须将其恢复。