See All Features Get Started Join 300,000+ using Formidable Forms to build solution-focused forms!

Bootstrap Form Styling Add-On

Instantly add Bootstrap styling to all your Formidable forms with this add-on. You'll also have extra options for text and number fields to allow you to prepend or append a label to your field. Take a look at the screenshots below to see the setting and the result.

Read more about how Bootstrap styling benefits your WordPress forms. Get started with Formidable Forms today!

The Bootstrap add-on is included in the Formidable Forms Basic, Business, and Elite plans.

WordPress Bootstrap form

WordPress Bootstrap form settings

Formidable Forms has allowed me to accomplish the styling, simplicity, and customization I desired. I wouldn't have been able to create this application if it weren't for the built-in calculator functions, amazing support staff, and detailed technical documentation on the Formidable website.

Trusted By More Than 200,000 Businesses

Brands that trust WordPress Forms Plugins More Brands that trust WordPress Forms Plugins

More Awesome Formidable Features

See more features

[formidable id=164]
<div class="frm_forms with_frm_style frm_style_formidable-style" id="frm_form_164_container" > <form enctype="multipart/form-data" method="post" class="frm-show-form frm_pro_form frm_ajax_submit " id="form_mqotp" > <div class="frm_form_fields "> <fieldset> <legend class="frm_screen_reader">Contact</legend> <div class="frm_fields_container"> <input type="hidden" name="frm_action" value="create" /> <input type="hidden" name="form_id" value="164" /> <input type="hidden" name="frm_hide_fields_164" id="frm_hide_fields_164" value="" /> <input type="hidden" name="form_key" value="mqotp" /> <input type="hidden" name="item_meta[0]" value="" /> <input type="hidden" id="frm_submit_entry_164" name="frm_submit_entry_164" value="e077c06e4e" /><input type="hidden" name="_wp_http_referer" value="/features/bootstrap-form-styling/" /><label for="frm_verify_164" class="frm_screen_reader frm_hidden">If you are human, leave this field blank.</label> <input type="text" class="frm_hidden frm_verify" id="frm_verify_164" name="frm_verify" value="" /> <div id="frm_field_2405_container" class="frm_form_field form-field frm_required_field frm_none_container"> <label for="field_mpczq" class="frm_primary_label">Name <span class="frm_required">*</span> </label> <input type="text" id="field_mpczq" name="item_meta[2405]" value="" placeholder="Your Name" data-reqmsg="This field cannot be blank." aria-required="true" data-invmsg="Text is invalid" /> </div> <div id="frm_field_2406_container" class="frm_form_field form-field frm_required_field frm_none_container"> <label for="field_luf5u" class="frm_primary_label">Email <span class="frm_required">*</span> </label> <input type="email" id="field_luf5u" name="item_meta[2406]" value="" placeholder="Your Email" data-reqmsg="This field cannot be blank." aria-required="true" data-invmsg="Email is invalid" /> </div> <div id="frm_field_2407_container" class="frm_form_field form-field frm_required_field frm_none_container"> <label for="field_uq2x0" class="frm_primary_label">Paragraph <span class="frm_required">*</span> </label> <textarea name="item_meta[2407]" id="field_uq2x0" rows="5" placeholder="Type your message here" data-reqmsg="This field cannot be blank." aria-required="true" data-invmsg="Paragraph is invalid" ></textarea> </div> <div id="frm_field_2446_container" class="frm_form_field frm_html_container form-field">Having trouble submitting your question? Please <a href="/new-topic/">create a new support ticket</a>.</div> <input type="hidden" name="item_key" value="" /> <div class="frm_submit"> <button class="frm_button_submit frm_final_submit" type="submit" formnovalidate="formnovalidate">Submit</button> </div></div> </fieldset> </div> </form> </div>