Rails: フォームのエラーが出た欄を、Bootstrapを使ってスタイリングする方法 - tkymtk's blogCSS .field_with_errors { @extend .has-error; } 解説 Railsはエラーが出たフォームの欄に、自動でfield_with_errorsというクラスを付ける。 なので、field_with_errorsにcssを追加してやれば良い。 bootstrapのcssを適用するために、sassの@extendを使う。 @extendには、適用したいスタイルを持つbootstrapのクラスを指定する。ここでの場合、bootstrapの.has-errorを適用している。 これでエラー時のCSSにbootstrapのCSSを適用することができた。 HTML 比較 エラーなし <div class="form-group"> <label class="control-label" for="user_name">Name</label> <input cla
