Slider

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.