将标签添加到 HTML Range 滑块的末尾

Question

我目前正在实现一个范围滑块，并在滑块的开头有一个标签，该标签位于滑块的正上方。该标签代表量表的低端。现在我需要在滑块末端的相同位置添加一个标签来表示刻度的最高端。但是，我只能让标签出现在刻度的开头但在下面。我正在使用 Bootstrap CSS。

<div class="container">
      <label for="agitated">Agitated</label>
      <input type="range" min="0" max="10" value="5" id="fader">
      </br>

      <label for="happy">Happy</label>
      <input type="range" min="0" max="10" value="5" id="fader">
      </br>

      <label for="tired">Tired</label>
      <input type="range" min="0" max="10" value="5" id="fader">
      </br>

      <label for="scared">Scared</label>
      <input type="range" min="0" max="10" value="5" id="fader">
    </div>

Answer 1

对于任何想知道为什么 @Denisx 给出的答案不适用于 Bootstrap 4.0 的人来说，只是一个提示。使用float-leftandfloat-right而不是pull-leftand pull-right。