Custom Range
In Bootstrap, you can use the input element with the type="range" attribute to create a range input for selecting values within a specified range.
Example
<label for="customRange" class="form-label">Custom range</label> <input type="range" class="form-range" id="customRange">You can click on above box to edit the code and run again.
Output
Steps
In Bootstrap, you can use the input element with the type="range" attribute to create a range input for selecting values within a specified range.
Example
<input type="range" class="form-range" step="10">You can click on above box to edit the code and run again.
Output
Min and Max
By default, the minimum value is 0 and maximum value is 100. You can use the min
and/or max
attribute change it: