form-control-range

bootstrap5.css

bootstrap5.css

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

html bootstrap5 Sample

レンジ入力：form-control-range

  <!-- レンジ上の●をマウスで動かして入力させる -->
  <form>
    <div class="form-group">
      <label for="formControlRange">レンジ入力の例</label>
      <input type="range" class="form-control-range" id="formControlRange">
    </div>
  </form>