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

牌語備忘録 -pygo

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

牌語備忘録 -pygo

Rails3 と twitter-bootstrap-rails でフォームのエラー表示をなるべく簡単に何とかする件

Rails


(Rails3.2.6, Ruby1.9.3, twitter-bootstrap-rails2.1.0)

ビフォア・アフター

before

after

修正してみる -- ファイルは2点のみ

  1. application.css
  2. scaffolds.css.scss
リネーム
  • app/assets/stylesheets/application.css
  • app/assets/stylesheets/application.css.scss
追記する
  • app/assets/stylesheets/application.css.scss
@import "bootstrap_and_overrides";

#error_explanation {
  @extend .alert;
  @extend .alert-error;
  @extend .alert-block;
}

.field_with_errors {
  @extend .control-group.error
}
scaffolds.css.scss はすべてコメントアウトするか、ファイルごと削除。
  • app/assets/stylesheets/scaffolds.css.scss
ブラウザで確認

ails server してブラウザで確認してみる

todo

ワクの色を何とかしたい