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

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.