Rails：シンプルなフォーム+ブートストラップ - エラーが発生した場合、フィールドは赤色に変わりません

Question

シンプルフォームとブートストラップの使用を開始しました。この参照に従うようにしました：Simple form + Bootstrapしかし、ここでは、失敗していることは何が起こるかです：
1）ご覧のとおり、価格フィールドは赤が囲まれていません。

私は疑問を持っている。このスクリーンショットについて。どうやってやるの？価格フィールドの横のテキストで

<%= simple_form_for @lesson, :html => { :class => 'well' } do |lesson_form| %> 
<% if lesson_form.error_notification %> 
    <div class="alert alert-error fade in"> 
     <a class="close" data-dismiss="alert" href="#">&times;</a> 
     <%= lesson_form.error_notification %> 
    </div> 
<% end %> 
    <%= lesson_form.input :title %> 
    <%= lesson_form.input :category %> 
    <%= lesson_form.input :description %> 
    <%= lesson_form.input :price %> 
    <%= lesson_form.button :submit, :label => 'Create', :class => 'btn btn-primary btn-large' %> 
<% end -%> 

Answer 1

エラー通知が表示される限り、参照のコードは多少誤解を招き、間違っていると思います。

変更：

<% if lesson_form.error_notification %> 
    <div class="alert alert-error fade in"> 
     <a class="close" data-dismiss="alert" href="#">&times;</a> 
     <%= lesson_form.error_notification %> 
    </div> 
<% end %> 

単に、へ：

<%= lesson_form.error_notification %> 

その後、config/locals/simple_form.en.yml中にdefault_messageを変更：

default_message: '<a class="close" data-dismiss="alert">&times;</a>Some errors were found, please take a look:' 

これはエラー警告ボックスに非対称性を修正します（得られたマークアップを固定することによって）。

検証エラーが赤色で表示されない問題をトラブルシューティングするには、マークアップを共有して、何が起こっているかを確認する必要があります。

Answer 2

ルック： はここにフォームの私のコードです。 Simpleはフィールドの隣にエラーを置きます。

はフォームがフォローしようとして見えるクリーンアップするには：

はこれを削除し、その単純な形式の宝石では必要ありません：

<% if lesson_form.error_notification %> 
    <div class="alert alert-error fade in"> 
     <a class="close" data-dismiss="alert" href="#">&times;</a> 
     <%= lesson_form.error_notification %> 
    </div> 
<% end %> 

を変更し、あなたのこれはあなたをレイアウトします:html => { :class => 'well' }

:html => { :class => 'well form-horizontal' }により良いフォームを作成し、エラーフィールドとテキストにブートストラップCSSを適用します。