Form Elements

Textual inputs

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

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

Inline Form

Use the .form-inline class to display a series of labels, form controls, and buttons on a single horizontal row. Form controls within inline forms vary slightly from their default states..

Input Sizes

Set heights using classes like id="example-input-large"and id="example-input-sm".

Small
Normal
Large

Checkboxs

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

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.

Input groups

Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs, custom selects, and custom file inputs.

.00
0.00
With textarea
First and last name