Using formtools in the front end with Bootstrap 3.0 is a little bit trickier.
The form elements generated by the outputted formtool are wrapped in specific HTML markup. While relatively unobtrusive, this markup was originally based on Uni-Form. Loading Uni-Form wrappers into a Bootstrap formatted form can have the odd unexpected result.
In 7.0 we introduced a great new feature called Formtool Theming. This allows us to skin the markup elements that wrap the form inputs. Out of the box we support Uni-Form and Bootstrap 2.3.2. You can select the relevant theme under
Admin > General Admin > Config Files:
Unfortuantely… Bootstrap 3 requires more than just wrapping markup. It also requires additional classes on input elements, and we can’t do that yet unless you manually use
ftClass="" to put them on each and every property
We need a way for the form themes to modify the property metadata, but can’t do that cleanly yet. It’s probably a 7.1 release feature.
Conclusion? Auto generated formtools for Bootstrap 3 difficult. But it is still entirely possible if you just do the markup yourself by returning the metadata associated with the content type property.