好きこそ 物ノ上手ナレ

What one likes, one will do well.

Bootstrap3で@extend.control-group; (Railsチュートリアルより)

Bootstrap2から3に変えた影響で、エラーが出た。

f:id:pirori67:20150224214131p:plainエラーを回避するにはapp/assets/stylesheets/custom.css.scss:を変更する。
.field_with_errors{
@extend.control-group;
@extend.error;
}

.field_with_errors{
@extend.has-error;
}
に変更すれば、
こんな感じになる。

f:id:pirori67:20150224214405p:plain

@extend.has-error;1つで済むとちょっとすっきり。

あとは、エラーの雰囲気が違うので、ついでになおす。

エラーの雰囲気がチュートリアルと若干違うので、
App/views/shared/_error_messages.html.erbの内容を修正。

<divclass="alertalert-error">
の内容を以下に書き換え。

<div class="alert alert-danger">

f:id:pirori67:20150224214701p:plain

bootstrap2と3って、少し違うみたい。

 

<参考>
http://stackoverflow.com/questions/19917429/ruby-field-with-errors-doesnt-extend-control-group-error