Install this plugin to add Bootstrap styling to all of your Formidable forms.
Download and Set Up
- Download the latest version of the Bootstrap plugin.
- In your WordPress admin, go to "Plugins" → "Add New" and click the "Upload" link at the top of the page.
- Click the "Browse" button and select the zip file you just downloaded. Once the plugin is installed, click "Activate Plugin" or go to the "Plugins" page, find "Formidable Bootstrap" and click "Activate".
- After the plugin is activated, the full Bootstrap 3.3.5 CSS will be included on your site, which means you will have access to a variety of CSS classes. You may refer to the Bootstrap docs for a complete look at what this add-on offers. Many of the Bootstrap classes can be placed in the "CSS layout classes" box in your field options. Specifically, the sizing options found here can be used in the "CSS Layout Classes" box.
Besides adding all of the Bootstrap classes and CSS, this plugin also adds a Before and After Input option to text fields. Normally, a value can be added before and/or after the input by directly inserting it into the customizable HTML. This add-on includes an extra setting so you can do this in the field options:
The settings illustrated above will create a field like this: