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

Question

我想设计一个静态页面作为 rails 应用程序的登录页面。静态页面来自 StaticPagesController。但问题是当我在静态页面中添加 class (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 的内容，您也必须将其恢复。

Answer 2

这应该是文件。 \app\views\layouts\application.html.erb

您可以将 link 添加到标题部分的样式表。

或

您可以 @include 您的自定义 css 文件到 application.css 文件中，该文件应位于 \app\assets\stylesheets\

How to style a static page in rails 4 app