【问题标题】:Where do you put CSS files in a rails app directory?您将 CSS 文件放在 rails 应用程序目录的什么位置?
【发布时间】:2009-06-29 15:19:27
【问题描述】:

我应该在哪里创建一个文件夹来存放我的 Rails 应用程序目录中的 CSS 文件??

【问题讨论】:

  • 您的文档是什么?这是 rails 目录总体布局的一部分。

标签: ruby-on-rails css


【解决方案1】:

对于 Rails 2.x:公共/样式表

【讨论】:

  • 那么你如何链接到这个样式表??
  • 要么 要么使用指向路径 /stylesheets/file.css 的常规链接。
  • 如果你有一个名为 foo.css 的样式表,你可以把它放在任何需要它的视图的头部。
【解决方案2】:

对于 Rails 3.1+ 应用程序,您应该使用 asset pipeline。如果样式表特定于您的应用程序,请将它们放在 app/assets/stylesheets/ 中。如果它们是外部的(比如它们是 javascript 插件的样式表),您也可以将它们放在 vendor/assets/stylesheets/

之后,您将使用 app/assets/stylesheets/application.css 包含样式表(如果它包含在您的布局文件中)(有关如何执行此操作,请参阅其他答案。)

【讨论】:

    【解决方案3】:

    /app 用于程序化内容(您的模型、视图、控制器、布局、部分等)。 /public 用于您的静态内容(html、图像、样式表、javascript 等)

    所以样式表的正确位置是/public/stylesheets。如果你遵循这个约定,你可以使用stylesheet_link_tag helper,所以如果你把style.css 放入/public/stylesheets,那么

    <%= stylesheet_link_tag "style" %>
    

    将呈现为

    <link href="/stylesheets/style.css?1232285206" media="screen" rel="stylesheet" type="text/css" />
    

    【讨论】:

      【解决方案4】:

      对于 Rails 4:

      1) 在app/assets/stylesheets 中添加您的.css 文件

      2) 在你的视图文件&lt;%= stylesheet_link_tag 'uploaded_file_name' %&gt;

      【讨论】:

        【解决方案5】:

        把它放在公共/样式表中

        然后使用

        <%= stylesheet_link_tag "style_sheet_file_name" %>
        

        在你的

        【讨论】:

          【解决方案6】:

          stylesheet_link_tag 接受样式表数组以及字符串。

          例如:

          = stylesheet_link_tag %w[ screen print ]
          

          APIDock 有一些使用stylesheet_link_tag 助手的好例子。

          【讨论】:

            猜你喜欢
            • 2011-04-09
            • 2010-10-17
            • 2012-03-03
            • 1970-01-01
            • 1970-01-01
            • 2013-04-08
            • 2014-08-13
            • 2010-09-18
            • 1970-01-01
            相关资源
            最近更新 更多