<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Personal Injury Claims Testing</legend> <!-- Select Basic --> <div class="form-group"> <label class="col-md-12 control-label" for="form">Form ID</label> <div class="col-md-4"> <select id="form" name="form" class="form-control"> <option value="17">Personal Injury standard</option> <option value="18">Personal Injury standard - Lit Friend</option> </select> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="client_ref">Client Ref</label> <div class="col-md-5"> <input id="client_ref" name="client_ref" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="case_handler">Case Handler email</label> <div class="col-md-5"> <input id="case_handler" name="case_handler" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="firstname">Client Forename(s)</label> <div class="col-md-5"> <input id="firstname" name="firstname" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="lastname">Client Surname</label> <div class="col-md-5"> <input id="lastname" name="lastname" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="client_email">Client Email</label> <div class="col-md-5"> <input id="client_email" name="client_email" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="add1">Street Address</label> <div class="col-md-5"> <input id="add1" name="add1" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="add2">Address line 2</label> <div class="col-md-5"> <input id="add2" name="add2" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="add3">Address line 3</label> <div class="col-md-5"> <input id="add3" name="add3" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="pc">Postcode</label> <div class="col-md-2"> <input id="pc" name="pc" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="piclaimssubmit"></label> <div class="col-md-4"> <button id="piclaimssubmit" name="piclaimssubmit" class="btn btn-default">Submit</button> </div> </div> </fieldset> </form>