Bootstrap is undoubtedly the most popular CSS library. A lot of WordPress themes and plugins use it to create clean and beautiful interfaces. With Bootstrap for WPForms addon, you can add bootstrap in one click. In this article, you will learn about how to implement bootstrap without any CSS coding.

Below are the requirements to implement the bootstrap design on your form.

  1. WPForms
  2. Styler for WPForms
  3. Bootstrap for WPForms
Style WpForms without CSS.

Required Plugins

Note:- If you are using Gravity Forms instead of WpForms then we also have Bootstrap addon for Gravity Forms.

How to Install Bootstrap for WPForms

  • Once you have purchased Bootstrap addon then you will get an email with a download link for the addon. However, you can also download it at any time from your WPMonks account.
  • Now login into your WordPress site and then go to Plugins -> Add New -> Upload.
  • Upload the zip file you downloaded from the email link or WPMonks account. Once uploaded then click on ‘Activate Plugin’ button.

Note:- The plugin can only work if you have WPForms and Styler for WPForms plugins installed and activated.

How to Apply Bootstrap in WPForms

  • Login into your website and then open the page which has the form in frontend.
  • Now open customizer and then go to Styler for WPForms panel. It will give you the option to select the form.
  • Once you have selected the form then the customizer will reload and show you Bootstrap section.
  • Click on Enable Bootstrap Design checkbox and it will immediately refresh the form to show the live preview with bootstrap enabled.
  • You can also change the bootstrap theme color so, that it compliments your website’s colors.
  • Once you have finalized the changes then click on the Publish button to make changes live.

List of WPForms fields supported by Bootstrap Addon

Bootstrap for wpforms is compatible with Standards Fields: Single Line Text, Paragraph Text, Dropdown, Checkboxes, Multiple Choice, Radio, Numbers, Name, Email, Fancy Fields: Phone, Address, Date/Time, Website/URL, File Upload, Password, Page Break, Payment Fields: Single Item, Multiple Items, Checkbox Items, Dropdown Items, Total

Here is the step by a step video tutorial for implementing Bootstrap on WPForms

FAQ

Can I use Bootstrap on Unlimited Forms?
Yes, You can use the bootstrap design on unlimited forms on the same site.

What if the Bootstrap design doesn’t appear in a particular field?
The bootstrap design is visible on all the different type of fields like radio, checkboxes, inputs, select and textarea. However, if it is not getting applied on any of your form fields then use the contact form and I will add compatibility for it.

Does this plugin use Bootstrap 3 or 4?
The plugin is using Bootstrap 4 as it is the most recent major version of bootstrap. The library is regularly updated to add the latest available version.

Is it also going to affect other forms or elements of a website?
The bootstrap library is prefixed in such a way that it will only get implemented on WPForms. It won’t affect CSS of any of your forms on which you haven’t enabled bootstrap.

If you have any further queries or feedback then feel free to leave a comment and I will get back to you.