<!-- レンジ上の●をマウスで動かして入力させる -->
<form>
<div class="form-group mb-5">
<label for="customRange1">カスタムレンジ入力の例</label>
<input type="range" class="custom-range" id="customRange1">
</div>
<div class="form-group mb-5">
<label for="customRange2">0-5まで(min="0",max="5")</label>
<input type="range" class="custom-range" min="0" max="5" id="customRange2">
</div>
<div class="form-group mb-5">
<label for="customRange3">0-5まで、0.5刻み(step="0.5")</label>
<input type="range" class="custom-range" min="0" max="5" step="0.5" id="customRange3">
</div>
</form>