The example form below demonstrates common HTML form elements that receive updated styles from Bootstrap with additional classes.

Here are examples of .form-control applied to each textual HTML5 input type:

The example form below demonstrates common HTML form elements air(box shadowed) style.

The example form below demonstrates common HTML form elements in pill and air(box shadowed) styles:

The example form below demonstrates common HTML form elements solid background style:

Add the disabled or readonly boolean attribute on an input to prevent user interactions. Disabled inputs appear lighter and add a not-allowed cursor.

Set heights using classes like .form-control-lg , and set widths using grid column classes like .col-lg-*

For even more customization and cross browser consistency, use our completely custom form elements to replace the browser defaults. They’re built on top of semantic and accessible markup, so they’re solid replacements for any default form control.