読者です 読者をやめる 読者になる 読者になる

牌語備忘録 -pygo

あくまでもメモです。なるべくオフィシャルの情報を参照してください。

牌語備忘録 -pygo

bootstrap-rails で css がうまく適用されない場合の件

Rails


問題

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 の中身すべてコメントアウトしたほうがいいかもしれない。


どなたか上手い方法を教えて下さい。