Skip to content

Instantly share code, notes, and snippets.

@adamico
Created August 30, 2013 09:06
  • Star 18 You must be signed in to star a gist
  • Fork 3 You must be signed in to fork a gist
Star You must be signed in to star a gist
Save adamico/6387890 to your computer and use it in GitHub Desktop.
Twitter Bootstrap 3 initializer for Simple Form
# Use this setup block to configure all options available in SimpleForm.
SimpleForm.setup do |config|
# you need an updated simple_form gem for this to work, I'm referring to the git repo in my Gemfile
config.input_class = "form-control"
config.wrappers :bootstrap, tag: 'div', class: 'form-group', error_class: 'error' do |b|
b.use :html5
b.use :placeholder
b.use :label
b.use :input
b.use :error, wrap_with: { tag: 'span', class: 'help-inline' }
b.use :hint, wrap_with: { tag: 'p', class: 'help-block' }
end
config.wrappers :group, tag: 'div', class: "form-group", error_class: 'error' do |b|
b.use :html5
b.use :placeholder
b.use :label
b.use :input, wrap_with: { class: "input-group" }
b.use :hint, wrap_with: { tag: 'span', class: 'help-block' }
b.use :error, wrap_with: { tag: 'span', class: 'help-inline' }
end
# Wrappers for forms and inputs using the Twitter Bootstrap toolkit.
# Check the Bootstrap docs (http://twitter.github.com/bootstrap)
# to learn about the different styles for forms and inputs,
# buttons and other elements.
config.default_wrapper = :bootstrap
end
@zlx
Copy link

zlx commented Aug 30, 2013

Does this work out of box?

How to migration from bootstrap 2 to bootstrap 3?

@maxnovee
Copy link

maxnovee commented Jan 3, 2014

use

error_class: 'has-error'

instead of

error_class: 'error'

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment