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.