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
Set horizontally scrollable range inputs using
.form-control-range
.
Checkboxes
Form Checkboxes
Form Check Right
Radios
Default Radios
Form radio right
Switches
A switch has the markup of a custom checkbox but uses the
.custom-switch
class to render a toggle switch. Switches also
support the disabled
attribute.
File browser
The file input is the most gnarly of the bunch and requires additional JavaScript if you’d like to hook them up with functional Choose file… and selected file name text.