<h2 class="toc">Sliders</h2>

<p class="alert alert-danger">
  <strong>Deprecated</strong> in favour of Bootstrap 4.2
  <a href="https://getbootstrap.com/docs/4.2/components/forms/#range"><code>.custom-range</code></a>.
</p>

{% apply view_source %}
<div class="row mt-3 mb-3">
  <div class="col"><input type="range" class="form-control slider" min="0" max="100" step="10" value="10"></div>
  <div class="col"><input type="range" class="form-control slider shadow" min="0" max="100" step="10" value="20"></div>
  <div class="col"><input type="range" class="form-control slider round" min="0" max="100" step="10" value="30"></div>
</div>
{% end %}
