Bootstrap 5 范圍

自定義范圍

如需設置范圍菜單的樣式，請將 .form-range 類添加到 type="range" 的 input 元素：

自定義范圍：

實例

<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">

親自試一試