Formtastic meets Bootstrap

formtastic-plus-bootstrap makes a formtastic form to look like a bootstrap form.

Installation

Add following lines to Gemfile:

gem "bootstrap-sass", "~> 2.0.3"
gem "formtastic", "~> 2.1"
gem "formtastic-plus-bootstrap"

Run bundle install.

Usage

Add following lines in app/assets/stylesheets/application.css:

/*
 ...
 *= require bootstrap-without-forms
 *= require formtastic-plus-bootstrap
 ...
 */

If you use bootstrap-responsive, also add the following additional line:

/*
 *= require bootstrap-responsive
 *= require formtastic-plus-bootstrap/responsive
 */

All done. Enjoy nice looking forms!

Why should I use formtastic-plus-bootstrap instead of formtastic-bootstrap?

formtastic-bootstrap changes html-structure and breaks 3rd party extensions for formtastic. formtastic-plus-bootstrap is just css-styles for standard formtastic forms.