Диапазон Bootstrap 5

Настройка диапазона

Для настройки стиля диапазона меню, пожалуйста, установите .form-range Добавьте класс к элементам ввода с type="range":

Настройка диапазона:

Пример

<label for="customRange" class="form-label">Настройка диапазона</label>
<input type="range" class="form-range" id="customRange">

Попробуйте сами

Шаг

По умолчанию, интервал между значениями диапазона 1. Вы можете использовать step Изменение свойств:

Пример

<input type="range" class="form-range" step="10">

Попробуйте сами

Минимальное и максимальное значения

По умолчанию, минимальное значение 0, максимальное значение 100. Вы можете использовать min и/или max Изменение свойств:

Пример

<input type="range" class="form-range" min="0" max="4">

Попробуйте сами