Form Elements

Textual inputs

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

Sizing

Set heights using classes like .form-control-lg and .form-control-sm.

Range Inputs

Create custom <input type="range"> controls with .form-range.

Min and max

Range inputs have implicit values for min and max—0 and 100, respectively.

Steps

By default, range inputs “snap” to integer values. To change this, you can specify a step value.

Checkboxes

Default Checkboxes
Custom Checkboxes
Inline Checkboxes
Custom Inline Checkboxes

Radios

Default Radios
Custom Radios
Inline Radios
Custom Inline Radios

Inline Forms

Use the .form-inline class to display a series of labels, form controls, and buttons on a single horizontal row.

@

Auto sizing

@
© Upzet.
Crafted with By muban.io