Bootstrap Range - Bootstrap 5 Range Min and Max
Bootstrap Range
- Create custom <input type="range"> controls with .form-range. The track (the background) and thumb (the value) are both styled to appear the same across browsers.
- As only Firefox supports “filling” their track from the left or right of the thumb as a means to visually indicate progress, we do not currently support it.
Sample Code
Output
Bootstrap Range Disabled
- Add the disabled boolean attribute on an input to give it a grayed out appearance, remove pointer events, and prevent focusing.
Sample Code
Output
Bootstrap Range 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.
Sample Code
Output
Bootstrap Range Steps
- By default, the interval between the range numbers is 1. You can change it by using the step attribute.