Range Slider
Range Slider.
Make use of Bootstrap's unique range slider styles to create visually appealing, user-friendly sliders for selecting numeric values or ranges. It also enhance user input with smooth, interactive sliders that provide precise control.
Range Slider on BootstrapDefault Range Slider
<label for="customRange1" class="form-label">Example range</label>
<input type="range" class="form-range" id="customRange1">
Disabled Range Slider
<label for="disabledRange" class="form-label">Disabled range</label>
<input type="range" class="form-range" id="disabledRange" disabled>
Min and Max Range Slider
<label for="customRange2" class="form-label">Example range</label>
<input type="range" class="form-range" min="0" max="5" id="customRange2">
Steps Range Slider
<label for="customRange3" class="form-label">Example range</label>
<input type="range" class="form-range" min="0" max="5" step="0.5" id="customRange3">