Does your website use a Bootstrap contact form? With the Formidable Bootstrap Add-On, all your forms will be displayed properly and easily used on practically any device on the planet.
What is Bootstrap?
You may be wondering what a Bootstrap contact form is. Basically, it's a contact form styled with the Bootstrap framework. Bootstrap's official website says:
Bootstrap makes front-end web development faster and easier. It's made for folks of all skill levels, devices of all shapes, and projects of all sizes. Simply put, Bootstrap is designed for everyone, everywhere.Formidable Forms is the best WordPress Form Builder plugin. Get it for free!
This is all true, and you've probably heard it before. However, there is an important reason to use Bootstrap contact forms that is often overlooked. Bootstrap is the most compatible cross-platform, cross-device framework we've ever seen. This means that your contact forms can be viewed properly, and used easily on practically any device on the planet. When it has such a big impact, you'd expect every WordPress form builder to support it. But many still don't!
What makes a Bootstrap contact form better?
Have you ever been browsing a website on your smartphone and come across a contact form that looks like this (left)? Half of the form missing off the edge of the screen, or shrunk so small on the screen that you can't read it?
This is your main point of contact with potential clients or customers, and the design and accessibility of your form can make or break it. If it's not easy to see and easy to use, that business may end up going to a competing company!
The Formidable Bootstrap Add-On
We believe that every form should look beautiful on every device.
Formidable-Bootstrap integration was a popular suggestion in our support forums a while back, so we created an add-on that automatically adds Bootstrap classes and loads the Bootstrap styling, to make beautiful forms even faster and easier.
Our Bootstrap Add-On allows you to use Bootstrap styling in your forms even if your WordPress theme does not use the Bootstrap framework. This means that you have greater flexibility, more options, and forms that can be visually impressive across a greater variety of devices, no matter the limitations of your WordPress theme!
Fully responsive layouts
Although Formidable contact forms are responsive out of the box, the twelve-column layout of Bootstrap allows for more flexible layouts. They are fully responsive and optimized for display on mobile devices.
Prepend or append a label to your field
The Bootstrap Add-On has another popular feature. Normally, a value can be added before and/or after the input by directly inserting it into the customizable HTML. But this add-on includes an extra setting in the field options to do this simply and instantly.
The settings illustrated above will create a field like this:
The full Bootstrap CSS is included, which means there is a lot more you can use! Browse the full Bootstrap CSS docs for a detailed list of all the available options.
A lot of the available classes will work when you insert them into the "CSS layout classes" box in your field options. Specifically, the sizing options are found here.
Bootstrap contact form modal for all your forms and views
Do you need an easy way to display your forms or views in a beautiful popup window? We've got an easy answer for you with our Bootstrap Modal Add-On. Install it, insert a shortcode, and you're off!
Specifically, inserting the link to open the modal is as simple as inserting a shortcode on your page. Insert [frmmodal type="formidable" id=x label="Click me" class="extra classes here"] for a form or [frmmodal type="view" id=x label="Click me"] for a view.
Not only can you insert a form or view in a modal, but you can use any shortcode you would like from any plugin that uses regular WordPress shortcodes.
Add Bootstrap to your WordPress forms
No matter which WordPress theme you use, or whether Bootstrap is supported by your theme, you can still use Bootstrap styling on all your forms with Formidable's Bootstrap Add-On and the Bootstrap Modal Add-On. Unleash the power and beauty of Bootstrap contact forms on your website today!