Bootstrap for Contact Form 7 modifies all the output of Contact Form 7 plugin to be compatible with the 3 of CSS Bootstrap.
The plugin will not break your appearance, however it's recommended to adjust the contact form shortcodes to achieve perfect results Generally, you should not be using HTML tags any longer to wrap the field shortcodes.
Lots of WordPress Themes are based on Bootstrap and while it's the general approach to use CSS rules to style your HTML content, it's also possible the other way around with many benefits..
When using framework which provides general styles for all the important components of website, it can be time-consuming to apply the same styles to third-party plugins.
This is fine, but if you're using Bootstrap for your WordPress theme, you will love the fact that you do not need to write CSS rules for Contact Form 7 plugin any longer.
Alternatively you can use cf7bs form {{FORM ID}} properties where {{FORM ID}} must be replaced by ID of the form you would like to modify.
The easiest way to create such URL is to use the cf7bs add get parameter where you provide parameters similarly to WordPress Core function add query arg.
The filters you need to hook your function into have the following structure cf7bs form {{FORM ID}} field {{FIELD BASETYPE}} {{FIELD NAME}} properties. Yep, it's filter name, but it's necessary so that you can in the most detailed way possible.
When using one of the filters, replace {{FORM ID}} with ID of the form, {{FIELD BASETYPE}} with the type of the field you need to adjust and {{FIELD NAME}} with the name of the field.
There are two things in particular which are explicitly not supported the option on all input fields the option on checkbox and radio fields ..
Read more
Related items:
