<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Buy your desidered level:</legend> <!-- Select Multiple --> <div class="form-group"> <label class="col-md-4 control-label" for="userLevelsBand">Select your levels band:</label> <div class="col-md-4"> <select id="userLevelsBand" name="userLevelsBand" class="form-control" multiple="multiple"> <option value="1">1-10</option> <option value="2">10-20</option> <option value="3">20-30</option> <option value="4">30-40</option> <option value="5">40-50</option> <option value="6">50-60</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="userLevelsAmount">Select your levels amount:</label> <div class="col-md-4"> <select id="userLevelsAmount" name="userLevelsAmount" class="form-control"> <option value="1">10</option> <option value="2">20</option> <option value="3">30</option> <option value="4">40</option> <option value="5">50</option> <option value="6">60</option> </select> </div> </div> <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="buyButton">TOTAL_DLRS_AMOUNT_ID</label> <div class="col-md-4"> <button id="buyButton" name="buyButton" class="btn btn-warning">Proceed</button> </div> </div> </fieldset> </form>