Styling form error message - bootstrap/rails

Question

The error messages for my rails form look terrible with bootstrap. Does anyone know a solution for better (nice looking) error messages? I use Rails and Bootstrap.

My fo

Answer 1

Take a look at how Michael Hartl does it in railstutorial.

And thats the used css:

#error_explanation {
  color: #f00;
  ul {
    list-style: none;
    margin: 0 0 18px 0;
  }
}

.field_with_errors {
  @extend .control-group;
  @extend .error;
 }

He describes everything here.

If you also want the little star at the beginning of every line you have to include it in your form:

     

        
<%= pluralize(@user.errors.count, "error") %> prohibited this user from being saved:
        

          <% @user.errors.full_messages.each do |msg| %>
            
 * <%= msg %>
    <--- insert here
          <% end %>
        
     
      ...