2016-07-29 1 views
0

レールアプリケーションのランディングページとしてスタティックページのスタイルを設定します。 静的ページはStaticPagesControllerからのものです。 しかし、問題は静的ページ(home.html.erb) にクラスを追加し、application.cssにスタイルを使用しないスタイリングを追加するときです。 提案がありますか?レール4のスタティックページのスタイルを設定する方法

+0

に配置する必要がありapplication.cssファイルにカスタムCSSファイルを@includeことができますか? (アプリケーション/ビュー/レイアウトを確認)通常はapplication.html.erb – siegy22

答えて

0

application.cssの名称をapplication.scssに変更するのは、レール4が.scssの拡張で動作する方が適しているからです。

次に、あなたのコードを直接application.scssファイルに書き込まないでください。本当に悪い習慣です。

は、例えば(拡張子なし)あなたの.scssファイルをインポートします。

*= require_tree . 
= require rails_bootstrap_forms 
*= require_self 
*/ 

@import "yourfilename"; 

あなたが.sass拡張子を使用している場合は、あなたがあなたのconfig/application.rbファイルに次の行を含める必要があります。

config.sass.preferred_syntax = :sass 

これは、レールには.sass拡張子の代わりに.cssまたは.scss拡張子がデフォルトで使用されるためです。

application.scssのコンテンツを削除した場合は、それも復元する必要があります。

+0

はい、実際はMustと似ています。 アプリケーションはすべての単一のスタイルシートを取ります。 しかし、問題は異なります。 .sass拡張子を使用しています。あなたのapplication.rbファイルで は、この行を追加します。 config.sass.preferred_syntax =:サス Railsのデフォルトの.cssで使用したり、.sass拡張子がない.scss –

0

これはファイルである必要があります。 \app\views\layouts\application.html.erb

ヘッドセクションにスタイルシートへのリンクを追加できます。

または

あなたはどのようなレイアウトを使用している\app\assets\stylesheets\

関連する問題