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

Question

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

Answer 1

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

您可以在 head 部分添加指向样式表的链接。

或者

您可以@include将自定义 css 文件放入application.css应位于的文件中\app\assets\stylesheets\

Answer 2

将其重命名为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您也必须恢复它。