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.