Adding Twitter bootstrap styling to Rails form helpers

Question

After reading the answer which suggested I use Simple_form gem with bootstrap integration, I installed it and created my form according to simple_form instructions, but the inpu

Answer 1

Rather than using the .form-actions class, which wraps the submit button in gray block (which might not work for your page design), you can also wrap the button in a control group like this:

  

    

      <%= f.button :submit %>
    
  

This is only really needed if you're using the .form-horizontal class on the form itself.

If you're looking for a drop-in replacement form builder that outputs bootstrap-style markup for Rails, you might want to check out a gem that I put together to handle this sort of thing:

https://github.com/potenza/bootstrap_form

Here's how you'd setup a horizontal-style form with the submit button properly lined up:

<%= bootstrap_form_for(@user, html: { class: 'form-horizontal' }) do |f| %>
  <%= f.text_field :email %>
  <%= f.password_field :password %>
  <%= f.password_field :password_confirmation, label: 'Confirm Password' %>
  <%= f.control_group do %>
    <%= f.primary "Save User" %>
  <% end %>
<% end %>

This is the example output:

  

    Email
    

      
    
  
  

    Password
    

      
    
  
  

    Confirm Password