Bootstrap 5 Range Min and Max

Bootstrap5 Range Min and Max attributes are used for altering the minimum and maximum values of the range. By default, the minimum value of the range is 0 and the maximum value is 100.

There is no specific class used for Range Min and Max. Although, we can set the values for min and max by specifying their values.

Range Min and Max Attribute:

• step: This attribute is used to specify the value to increment or decrement in one go.
• min: This attribute is used to set the minimum value of the range.
• max: This attribute is used to set the maximum value of the range.

Syntax:

<input type="range" 
 step="*" 
 min="*" 
 max="*" 
 class="form-range" />

* can be replaced by any value.

Example 1: This is a basic example illustrating the use of the min and max attributes of the range input.

Output:

Example 2: This example illustrates the use of the min and max attributes of the range element along with the step set to 10.

Output:

Reference: https://getbootstrap.com/docs/5.2/forms/range/#min-and-max