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을 사용하면됩니다. 내가 [이] (https://jsfiddle.net/okyf0omz/)을하는 데 도움이 우측하지만 어쩌면 당신을 이해한다면 확실하지 오전

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