title: How would I add range slider mockups in bootstrap 4?
body: <p>I have been playing with Bootstrap 4 for a bit. I have created a range form with a slider. I would like to add mockups (little lines or numbers on top of the slider to know what you are selecting) or even a number left or right of the slider, but I am not sure how. Here is the code: </p>
  
  <pre><code> &lt;div class="form-group"&gt;
    &lt;label for="range"&gt;How many flags would you like?&lt;/label&gt;
    &lt;input class="form-control-range" type="range" name="flag_number" id="range" list="range"&gt;`
    &lt;/div&gt;
  </code></pre>
  
  <p>I have tried using the datalist tag, but it doesn´t seem to work... How would one do it?</p>