Bootstrap Range helps to customize the range inputs with built-in customization for better look and cross-browser supports.
Use .form-range controls to make fancy range inputs
- Min - minimum value
- Max - maximum value
- Step - interval value
- Value - Precise value
Min and Max
The range function specifies the default minimum and maximum values are 0 (min) and 100 (max), respectively. To adjust the range, set min and max properties value based on your requirements.
Let's look into an example,
<label class="form-label">Bootstrap Range (Min and Max)</label>
<input type="range" class="form-range" min="0" max="4" id="MinMaxRange1">
Step
The step attribute allows us to adjust the interval values of range input element. The value of step attribute can be "any" or a positive floating-point number. The default value of step is 1.
Value
The value attribute sets the exact value of the range input element, no less or more than a given value.
Disabled
The disabled attribute restricts access to the range control.
Comments
Post a Comment