index.html

<div class="container-fluid">
  <form>
   
<div class="form-group">
      <label for="barField">Bar: </label>
        <select class="form-control" id="barField">
        <option value="15">15</option>
        <option value="35">35</option>
        <option value="45">45</option>
      </select>
    </div>
    
    <div class="btn-group btn-group-justified form-group">
       
      <div class="btn-group">
        <button type="button" class="btn btn-primary plates" value="35">35</button>
      </div>
      <div class="btn-group">
        <button type="button" class="btn btn-primary plates" value="25">25</button>
      </div>
      <div class="btn-group">
        <button type="button" class="btn btn-primary plates" value="15">15</button>
      </div>
      <div class="btn-group">
        <button type="button" class="btn btn-primary plates" value="10">10</button>
      </div>
      <div class="btn-group">
        <button type="button" class="btn btn-primary plates" value="5">5</button>
      </div>
      <div class="btn-group">
        <button type="button" class="btn btn-primary plates" value="2.5">2.5</button>
      </div>
       
       <div class="btn-group">
        <button type="button" class="btn btn-primary plates" value="45">45</button>
      </div> 
      <div class="btn-group">
        <button type="button" class="btn btn-primary plates" value="55">55</button>
      </div>
    </div>
    <input id="total" class="form-control" />
    <button type="button" id="reset" value="reset">Reset</button>
  </form>
  <div id="allVals"></div>
  
</div>