{% extends 'partials/base.html' %} {% load static %} {% block contents %}
Here are examples of .form-control
applied to
each
textual HTML5 <input>
type
.
Set heights using classes like .form-control-lg
and .form-control-sm
.
Create custom <input type="range">
controls with .form-range
.
Range inputs have implicit values for min and max—0 and 100, respectively.
By default, range inputs “snap” to integer
values. To change this, you can specify a step
value.
Add class .form-check-*
for a color
Checkboxes
Add class .form-checkbox-outline
&
.form-check-*
for a color Checkboxes
Add class .form-radio-*
for a
color Radios
Add class form-radio-outline
&
.form-radio-*
for a color Checkboxes
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.