Bootstrap Range Input

Simply styles html5 range inputs in a bootstrap like manner with pure css.


Not bad!

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

0


A large .input-group with embeded slider that adjusts the groups addon text:

0%


A .inline-form with addons on each side:

$