問題
twitter-bootstrap を使うとリンクがデフォルトでブルーになるはずなのにならない。
原因
"bootstrap_and_overrides.css.less" が "scaffolds.css.scss" に上書きされてる。
scaffold でつくると自動的に作られるファイルかこれ？
app/assets/stylesheets ディレクトリにあるcssは、アルファベット順に読み込まれるらしい。
とりあえずの解決策
cssがアルファベット順に読み込まれるなら、ファイル名の頭にzとか付けてみるのはどうかと。
- "z_bootstrap_and_overrides.css.less"
結果
表示が若干おかしい、失敗(´･ω･`)
"scaffolds.css.scss"をいじる
しかたないので根本的な原因の "scaffolds.css.scss" をいじる。
下記コメントアウト。
/* a { */ /* color: #000; */ /* &:visited { */ /* color: #666; } */ /* &:hover { */ /* color: #fff; */ /* background-color: #000; } } */
サーバ再起動して表示してみる。
これで、まともに表示されるようになった気がする。
scaffolds.css.scss の中身すべてコメントアウトしたほうがいいかもしれない。
どなたか上手い方法を教えて下さい。
