Form Helpers to make your form inputs look like this.

Helps you to create beautiful mocks really quickly.

Works with Bootstrap 3 and Rails 3.2+ (including Rails 4)

For older versions of Bootstrap use version 1.0.x of this gem.

Add the gem to your Gemfile

gem 'bootstrap-form'

Bundle install

bundle install

To make them look even better, I recommend you add this to your application.rb

ActionView::Base.field_error_proc = proc { |input, instance| input }

You write this:

form_for @account do |f|
  f.bootstrap_text_field :name
end

You get something like this:

<div class="form-group">
  <label class="control-label" for="account_name">Name</label>
  <input class="form-control" id="account_name" name="account_name" size="30" type="text">
</div>

Pretty straight forward.

You can specify a custom label for the input by setting the label option:

form_for @account do |f|
  f.bootstrap_text_field :name, :label => 'A custom label'
end

Then, you get something like this:

<div class="form-group">
  <label class="control-label" for="account_name">A custom label</label>
  <input class="form-control" id="account_name" name="account_name" size="30" type="text">
</div>

• bootstrap_text_field
• bootstrap_password_field
• bootstrap_collection_select
• bootstrap_select
• bootstrap_file_field
• bootstrap_text_area
• bootstrap_email_field

All fields will automatically add the classes to show errors with Twitter bootstrap styles.

Coming soon:

• More form inputs