Question

I have a page where there is currently more than one form. I used the standard Bootstrap form styling for some of these forms.

The problem is that the Bootstrap CSS gets applied to forms which it is not supposed to.

Is there a way to add a class or data-* attribute that will force Bootstrap to not apply to that form?

Answer 1

No. You would have to write a new set of rules to apply to the forms you do not wish to be styled by Bootstrap. For example, give the forms a class name of “someClass” and use the following selector:

form.someClass {
    /* Your form styles */
}

You can place this in a new stylesheet, and include that stylesheet after the Bootstrap stylesheet to override any Bootstap styles you want to.