Back to Business: Save 20% on any WS Form edition CODE: BB20 View Pricing
WS Form - Smart, fast, forms for WordPress
My Account
Demo
Get WS Form
Checkout

← All Integrations

Bootstrap
Built-In

Bootstrap

Output Bootstrap-native form markup that fits your WordPress theme.

How to Integrate Forms with Bootstrap in WordPress

Make your forms match Bootstrap-based WordPress themes

Bootstrap is a popular open-source CSS framework for responsive, mobile-first front-end development. If your WordPress theme uses Bootstrap, WS Form can output form HTML markup that is native to that framework.

WS Form physically changes the HTML so your form fits seamlessly into your theme. It also changes the breakpoint selector to match the available breakpoints in Bootstrap.

WS Form supports Bootstrap 5+, Bootstrap 4.1-4.5.x, Bootstrap 4.0, and Bootstrap 3.x. All available WS Form field types are fully compatible with Bootstrap.

When you install WS Form, it scans your theme files and automatically uses Bootstrap markup if Bootstrap is detected. You can also select Bootstrap manually in WS Form settings.

  • Native Bootstrap Markup

    Output form HTML markup that is native to the Bootstrap framework used by your theme.

  • Automatic Detection

    WS Form scans your theme files and automatically uses Bootstrap markup when Bootstrap is detected.

  • Version Support

    Supports Bootstrap 5+, 4.1-4.5.x, 4.0, and 3.x with full field type compatibility.

Real Customer Reviews

Trusted by thousands of WordPress professionals.

  • Thanks to the power of WordPress and WS Form, you can literally launch MVPs in no time.

    – cuaran89

  • This plugin is the best, with lots of features and hidden gems for creating forms in WordPress. It keeps improving, and the support is the other best part.

    – 977 KG

  • Wow! Where to start? I can’t say enough good things about WS Form.

    – ngrijalva

Frequently Asked Questions

How do I integrate WordPress with Bootstrap using WS Form?

Install WS Form and it will scan your theme files. If Bootstrap is detected, WS Form will automatically output your form using Bootstrap markup. You can also select Bootstrap manually in WS Form settings. For more information, see the Bootstrap framework guide.

What does the Bootstrap integration do?

WS Form outputs HTML markup that is native to the Bootstrap framework. It physically changes the HTML so the form fits into your theme.

Does WS Form support different Bootstrap versions?

Yes. WS Form supports Bootstrap 5+, Bootstrap 4.1-4.5.x, Bootstrap 4.0, and Bootstrap 3.x.

Are WS Form field types compatible with Bootstrap?

Yes. All available WS Form field types are fully compatible with Bootstrap.

Does WS Form adjust breakpoints for Bootstrap?

Yes. WS Form changes the breakpoint selector to match the available breakpoints in Bootstrap.

Can I choose Bootstrap manually in WS Form?

Yes. In WS Form, go to Settings, open the Advanced tab, select Bootstrap in the Framework dropdown, and save your changes.

Get This Integration

  • WS Form Agency Edition Included Buy
  • WS Form Freelance Edition Included Buy
  • WS Form Personal Edition Included Buy
View WS Form Editions →

Built into WS Form PRO and available with every PRO edition.

Documentation

View Documentation

Resources