Bootstrap Range Input
Simply styles html5 range inputs in a bootstrap like manner with pure css.
Not bad!
Simply styles html5 range inputs in a bootstrap like manner with pure css.
A pure slider:
A slider with changing glyphicon depending on it's value:
The slider size can be adjusted with bootstraps form-group size classes .input-sm
and .input-lg
:
A disabled slider:
Embeding the slider into an .input-group
:
Min, max and step adjusted with the html5 input range properties
A large .input-group
with embeded slider that adjusts the groups addon text:
A .inline-form
with addons on each side: