Untitled

 <div class="form-group row">
    <label for="HipFELeftOne" class="col-sm-2 col-form-label">Extension/&shy;Flexion</label> 
    <div class="col-sm-4">
        <div class="row">
            <input type="range" id="HipFELeftOne" min=90 max=150 value=120 step=5 onInput="this.nextElementSibling.innerHTML = this.value">
            <output for="HipFELeftOne" id="outHipFELeftOne" name="outHipFELeftOne" >120</output>
        </div>
        <div class="row">
            <input type="range" id="HipFELeftTwo" min=0 max=120 value=60 step=5 onInput="this.nextElementSibling.innerHTML = this.value">
            <output for="HipFELeftTwo" id="outHipFELeftTwo" name="outHipFELeftTwo">60</output>
        </div>
        <div class="row">
            <input type="range" id="HipFELeftThree" min=0 max=120 value=60 step=5 onInput="this.nextElementSibling.innerHTML = this.value">
            <output for="HipFELeftThree" id="outHipFELeftThree" name="outHipFELeftThree">60</output>
        </div>
    </div>
    <div class="col-sm-2"></div>
    <div class="col-sm-4">
        <div class="row">
            <input type="range" id="HipFERightOne" min=0 max=120 value=60 step=5 onInput="this.nextElementSibling.innerHTML = this.value">
            <output for="HipFERightOne" id="outHipFERightOne" name="outHipFERightOne" >60</output>
        </div>
        <div class="row">
            <input type="range" id="HipFERightTwo" min=0 max=120 value=60 step=5 onInput="this.nextElementSibling.innerHTML = this.value">
            <output for="HipFERightTwo" id="outHipFERightTwo" name="outHipFERightTwo">60</output>
        </div>
        <div class="row">
            <input type="range" id="HipFERightThree" min=0 max=120 value=60 step=5 onInput="this.nextElementSibling.innerHTML = this.value">
            <output for="HipFERightThree" id="outHipFERightThree" name="outHipFERightThree">60</output>
        </div>
    </div>
</div>