Bootstrap 5: Range

Custom Range

Para sa pagtatakda ng istilo ng saklaw ng menu, ilagay ang .form-range Magdagdag ng klase sa elementong input na may type="range":

Custom Range:

Halimbawa

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

Subukan Ngayon Personal

Tutol

Sa likod ng pinagmumulan, ang pagitan ng bilang ng saklaw ay 1. Maaari mong gamitin step Pagbabago ng Atribute:

Halimbawa

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

Subukan Ngayon Personal

Pinakamaliit at Pinakamalaking Halaga

Sa likod ng pinagmumulan, ang pinakamaliit na halaga ay 0 at ang pinakamalaking halaga ay 100. Maaari mong gamitin min at/o max Pagbabago ng Atribute:

Halimbawa

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

Subukan Ngayon Personal