The multi range slider is an interactive component that lets the user swiftly slide through possible values spread over the desired range. See the examples.

Detailed documentation and more examples you can find in our Bootstrap Multi Range Docs


Basic example

A multi-range-slider slider is gonna autoinit if you add class multi-range-slider to your element. Multi-range Slider starts with max 100 and min 0 values.

Basic example with values

You can show values in the another element in dom

Value:
First:
Second: