Rails3 と twitter-bootstrap-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

ワクの色を何とかしたい

Link

参考サイト

• seyhunak/twitter-bootstrap-rails · GitHub
• ruby on rails - Customizing field_with_errors - Stack Overflow