5つのブートストラップ4（シングルコントローラ）のインデックスアクション用に異なるCSS

Question

自分のアプリケーションに特定のブートストラップ4テンプレートを使用しています。このテンプレート（cover.css）は、他のすべてのページが異なるスタイルを使用するため、ホームページ固有のものです。

cover.cssはどのようにインデックス操作にのみ使用できますか？

私のapplication.cssに私は@import "cover"を追加しましたが、これはインデックスアクションにのみ適用できますか？

代わりに、アプリケーション用にapplication.html.erb、ホームページ用に2番目のレイアウトhome.html.erbという2つのレイアウトを作成しようとしました。 indexアクションにのみcover.cssを関連付けるにはどうすればいいですか？アプリケーションの残りの部分にダッシュボードのレイアウトとCSSがありますか？

私はレール5とブートストラップ4アルファを使用しています。

Answer 1

これを実現するには、いくつかの方法があります。

あなたは別のオプションは、1つのレイアウトとスコープあなたを用いることであろうcover.css資産を含んでレイアウトを作成し、ここでしか説明したindexアクション用のレイアウトを適用Rails layouts per action?

class MyController < ApplicationController 
    layout :resolve_layout 

    # ... 

    private 

    def resolve_layout 
    case action_name 
    when "new", "create" 
     "some_layout" 
    when "index" 
     "other_layout" 
    else 
     "application" 
    end 
    end 
end 

することができますスタイル。

body.home.index h1{ 
    /* this style is only applied on the home/index page */ 
} 

Answer 2

このようなものが動作します。

<%= stylesheet_link_tag "application", :media => "all" %> 
<%= stylesheet_link_tag params[:controller] %> 

は、ここに第三の回答を参照してください：How do I use Controller specific stylesheets in Rails 3.2.1?