Textual inputs

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

Example help text that remains unchanged.
Example help text that remains unchanged.
Example help text that remains unchanged.

Radios

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.

Radios:
Inline Radios:

Checkboxes

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.

Checkbox:
Inline Checkbox:

Buttons with dropdowns

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.

Basic form

We'll never share your email with anyone else.

Inline form

@

Input Sizes

Input Sizes Rounded

Input Grid

Disabled forms

Server side

Looks good!
Looks good!
@
Please choose a username.
Please provide a valid city.
Please provide a valid state.
Please provide a valid zip.
You must agree before submitting.

Input Group

@
@example.com
https://
$
.00
With textarea
$ 0.00
$ 0.00

Custom file input

Upload
Upload