レールアプリケーションのランディングページとしてスタティックページのスタイルを設定します。 静的ページはStaticPagesControllerからのものです。 しかし、問題は静的ページ(home.html.erb) にクラスを追加し、application.cssにスタイルを使用しないスタイリングを追加するときです。 提案がありますか?レール4のスタティックページのスタイルを設定する方法
答えて
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
のコンテンツを削除した場合は、それも復元する必要があります。
はい、実際はMustと似ています。 アプリケーションはすべての単一のスタイルシートを取ります。 しかし、問題は異なります。 .sass拡張子を使用しています。あなたのapplication.rbファイルで は、この行を追加します。 config.sass.preferred_syntax =:サス Railsのデフォルトの.cssで使用したり、.sass拡張子がない.scss –
これはファイルである必要があります。 \app\views\layouts\application.html.erb
ヘッドセクションにスタイルシートへのリンクを追加できます。
または
あなたはどのようなレイアウトを使用している\app\assets\stylesheets\
- 1. 404スタティックページのRails 3.1アセットパイプラインCSSスタイル
- 2. Android:DatePickerのスタイル設定方法
- 3. スクロールバーのスタイル設定方法
- 4. レールでタイムゾーンを設定する方法
- 5. database_cleanerをレールで設定する方法
- 6. スタティックページ用のWebpackホットロード/ HMRを設定する
- 7. fabric.jsでスタイルを設定する方法
- 8. スタイルを設定する方法
- 9. レールのルートを再定義する方法4
- 10. タブコントロールのスタイルでタブアイテムの既定のスタイルを設定する方法
- 11. レール4設定した値は、前
- 12. ListPickerItemの設定方法コード内のスタイル
- 13. 両方の向きのスタイルを設定する方法
- 14. 角度ブーツストラップ4ウェブアプリでのナビゲーションバー、ロゴ、タイトルのスタイル設定方法は?
- 15. Silverlight Toolkitアコーディオンスタイルのスタイル設定方法は?
- 16. ボタンのスタイル設定方法は?
- 17. React Native:TextInputのスタイル設定方法
- 18. Meteor.js loginButtonsのスタイル設定方法は?
- 19. PrimeNgドロップダウンアイコンのスタイル設定方法
- 20. レールのドロップダウンメニューのデフォルト値を設定する方法は?
- 21. Silverlight 4 - コントロールプロジェクトのユーザーコントロールのデザイン時スタイルを設定しますか?
- 22. 要素のスタイルを設定する方法:スタイルなしのフォーカス:ホバー
- 23. Drupalのデフォルトユーザーリストページのスタイルを設定する最も良い方法
- 24. ワードドキュメント内のシングルワードのスタイルを設定する方法
- 25. は、Ruby on Railsでのボタンのスタイルを設定する方法
- 26. css(mailchimp)でこのフォームのスタイルを設定する方法
- 27. JavaFXチェックボックスのボタン部分のスタイルを設定する方法は?
- 28. リストのアイコンのスタイルを設定する方法リスト[Flex 3]
- 29. SilverlightのLoginformのスタイルを設定する方法
- 30. Fabric.js IText - 次の文字のスタイルを設定する方法は?
に配置する必要があり
application.css
ファイルにカスタムCSSファイルを@include
ことができますか? (アプリケーション/ビュー/レイアウトを確認)通常はapplication.html.erb – siegy22