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