Basic Slider

Slider with increments

Range Slider

Slider with no tooltip

Vertical Slider

Horizontal slider

With bootstrap slider you can variable colors like blue or red by simply changing the data-slider-id="color name"

default slider color

data-slider-id="blue"

data-slider-id="red"

data-slider-id="green"

data-slider-id="yellow"

data-slider-id="aqua"

data-slider-id="purple"

Vertical slider

With bootstrap slider you can variable orientation like vertical and horizontal by simply changing the data-slider-orientation="vertical"

Shape slider

With bootstrap slider you can variable shapes by simply changing the data-slider-handle="shape"