Bootstrap Form

Form Helpers to make your form inputs look like this.

Helps you to create beautiful mocks really quickly.

Usage

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 }

Example

You write this:

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

You get something like this:

<div class="clearfix">
  <label for="account_name">Name</label>
  <div class="input">
    <input class="xlarge" id="account_name" name="account_name" size="30" type="text">
  </div>
</div>

Pretty straight forward.

Other helpers

So far, I have implemented the following helpers:

  • bootstrap_text_field
  • bootstrap_password_field
  • bootstrap_collection_select
  • bootstrap_file_field
  • bootstrap_text_area

Expect more in the near future

Error handling

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

TODO

  • More form inputs