Bootstrap 5 Learning Kit

XSXSSMSMMDMDLGLGXLXLXXLXXL
Extra small: <576pxSmall: ≥576pxMedium: ≥768pxLarge: ≥992pxExtra large: ≥1200pxExtra extra large: ≥1400px
Page Navigation:
DefaultMin and maxSteps

Range

Default

<label for="inputRange" class="form-label">Range input label</label>
<input type="range" class="form-range" id="inputRange">
<label for="inputRange" class="form-label">Range input label</label> <input type="range" class="form-range" id="inputRange">

Min and max

<label for="inputRangeMinMax" class="form-label">Range input label</label>
<input type="range" class="form-range" id="inputRangeMinMax" min="0" max="10">
<label for="inputRangeMinMax" class="form-label">Range input label</label> <input type="range" class="form-range" id="inputRangeMinMax" min="0" max="10">

Steps

<label for="inputRangeSteps" class="form-label">Range input label</label>
<input type="range" class="form-range" id="inputRangeSteps" min="0" max="10" step="0.5">
<label for="inputRangeSteps" class="form-label">Range input label</label> <input type="range" class="form-range" id="inputRangeSteps" min="0" max="10" step="0.5">