Bootstrap 4 Slider with Material Design UI

Slider is an interactive component that allows user to slide and choose through a possible range of values.

Bootstrap 4 Slider

Set horizontally scrollable sliders using .custom-range.


Sliders with Limits

You can set range limits using min and max attributes.


Sliders with Steps

To make the slider bar jump by a specific amount, use step attribute.


Inverse Sliders

Use .bg-dark and .text-white to the card structure to create an inverse slider.