Basic 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.
Form layouts
Form layout options : from inline, horizontal & custom grid implementations
Form groups
Horizontal form
Inline forms layout
Floating Label
Inline forms layout used by hstack
Checkboxes
Form Checkboxes
Form Checkboxes Right
Radios
Form Radios
Form Radios Right
Switches
A switch has the markup of a custom checkbox but uses the .form-switch class to render a toggle switch. Switches also support the disabled attribute.