Q&A
表題のことがしたいので、下記を参考にしました。
RailsでCSSスタイリングをコントローラー単位で分けるTips
topページとschedulesページで背景色を切り替えたいです。
同じように作成したつもりなのですが、何も変わりません。。。。
どこを疑うべきでしょうか？
宜しくお願い致します。
app/views/layouts/application.html.erb
html
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4<meta charset="utf-8"> 5<title>DEMO</title> 6 7 <!--[if lt IE 9]> 8 <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> 9 <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> 10 <![endif]--> 11 <%= csrf_meta_tags %> 12 <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %> 13 <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %> 14</head> 15 16 17 18 <body class='<%= "#{controller.controller_name}" %>'> 19 <%= yield %> 20 </body> 21 22</html> 23
app/assets/stylesheets/top.scss
html
1 2@import "bootstrap-sprockets"; 3@import "bootstrap"; 4 5.top{ 6 background-color: blue; 7 8}
app/assets/stylesheets/schedules.scss
html
1@import "bootstrap-sprockets"; 2@import "bootstrap"; 3 4.schedules{ 5 background-color: green; 6 7}
回答1件
0
ベストアンサー
application.scssで、全部のCSSを読み込んでおく必要があります。
bootstrapの@importも各ファイルではなく、application.scssで行いましょう。
投稿2017/03/01 06:38
総合スコア145183
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/03/01 06:45