HTML範囲スライダの末尾にラベルを追加する

Question

現在、範囲スライダを実装していて、スライダの先頭にスライダの直上にラベルがあります。このラベルはスケールの下限を表します。今私はスケールの最高の端を表すために、スライダの最後に同じ位置にラベルを追加する必要があります。しかし、私はスケールの始めに表示されるラベルを得ることができます。私は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

<label for="happy" class="pull-left">Happy</label> 
<label for="" class="pull-right">Sad</label> 
<input type="range" min="0" max="10" value="5" id="fader"> 
</br> 

このような何か？ポイントがあれば、ラベルごとにブートストラップクラスpull-leftとpull-rightを使用してください。ここで

は一例です：

http://jsbin.com/ziluwuv/1/edit?output