[Bootstrap] range

기본

<label class="form-label" for="customRange1">Example range</label>
<div class="range">
  <input type="range" class="form-range" id="customRange1" />
</div>

 

비활성화

<label class="form-label" for="customRange1">Example range</label>
<div class="range">
  <input type="range" class="form-range" id="customRange1" disabled />
</div>

 

속성 min/max

<label class="form-label" for="customRange2">Example range</label>
<div class="range">
  <input type="range" class="form-range" min="0" max="5" id="customRange2" />
</div>

 

속성 min/max/step

<label for="customRange3" class="form-label">Example range</label>
<div class="range">
  <input type="range" class="form-range" min="0" max="5" step="0.5" id="customRange3" />
</div>