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