如何在rails应用程序中使用带ruby的CSS?

Ste*_*all 59 css ruby ruby-on-rails

如何在RoR中使用CSS?当我在外部链接时,我永远无法看到文件.我把.css文件发送到我能想到的每个文件夹......视图,控制器,模板,似乎没什么用.

使用rails应用程序启用外部CSS文件需要做什么?我是rails的新手,如果这是基本的话,请原谅我.

Kyl*_*oon 56

将CSS文件放在public/stylesheets中,然后使用:

<%= stylesheet_link_tag "filename" %>
Run Code Online (Sandbox Code Playgroud)

链接到布局中的样式表或视图中的erb文件.

类似地,您将图像放在public/javascripts中的public/images和javascript文件中.


sam*_*207 19

如果您使用的是rails> 3版本,则会有一个名为的概念asset pipeline.你可以添加你的CSS

app/assets/stylesheets
Run Code Online (Sandbox Code Playgroud)

然后它会自动被应用程序选中.(这很有用,因为rails会自动压缩css文件)

在这里阅读有关资产管道的更多信息

  • 这是'app/assets/stylesheets`(应该是'资产''') (3认同)

Jim*_*kov 14

我做了以下......

  1. 将您的CSS文件放在该app/assets/stylesheets文件夹中.
  2. <%= stylesheet_link_tag "filename" %>在默认布局文件中添加样式表链接(最有可能application.html.erb)

我建议使用您的公用文件夹.您还可以在内容中引用样式表,例如在索引页中.


小智 13

使用rails样式表标签链接你的main.css

<%= stylesheet_link_tag "main" %>
Run Code Online (Sandbox Code Playgroud)

config/initializers/assets.rb
Run Code Online (Sandbox Code Playgroud)

进入内部后,assets.rb在下面添加以下代码片段Rails.application.config.assets.version = '1.0'

Rails.application.config.assets.version = '1.0'
Rails.application.config.assets.precompile += %w( main.css )
Run Code Online (Sandbox Code Playgroud)

重启服务器.

  • 这是每个Rails文档的正确(更具体)答案.您必须将它添加到assets.rb以进行预编译! (2认同)