Bootstrap 5 Aralık

Özel Aralık

Aralık menüsünün tarzını ayarlamak için, .form-range type="range" olan input elementine sınıf ekleyin:

Özel Aralık:

Örnek

<label for="customRange" class="form-label">Özel Aralık</label>
<input type="range" class="form-range" id="customRange">

Kişisel olarak deneyin

Adım

Varsayılan olarak, aralık değerleri arasındaki aralık 1'dir. Kullanabilirsiniz step Özellik değiştir:

Örnek

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

Kişisel olarak deneyin

En küçük ve en büyük değer

Varsayılan olarak, en küçük değeri 0, en büyük değeri 100'dür. Kullanabilirsiniz min ve/ya da max Özellik değiştir:

Örnek

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

Kişisel olarak deneyin