<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.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 ----------> <div class="container-fluid"> <div class="row"> <div class="col-md-12"> <h3 class="text-center text-danger"> [ProductX] Batch Production - Ingredient Replacement </h3> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Ingredient Replacement</legend> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">Replacement</label> <div class="col-md-4"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="1">Ingredient Two</option> <option value="2">Ingredient Five</option> <option value="3">Ingredient Six</option> <option value="4">Ingredient 10</option> </select> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="qty">Quantity</label> <div class="col-md-4"> <div class="input-group"> <input type="text" class="form-control" placeholder="XX" aria-describedby="basic-addon2"> <span class="input-group-addon" id="basic-addon2">grams</span> </div> <span class="help-block">*If quantity not changed, leave value as is</span> </div> </div> <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="submit"></label> <div class="col-md-4"> <button id="submit" name="submit" class="btn btn-warning">Replace</button> </div> </div> </fieldset> </form> </div> </div> </div>