<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.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"> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend class="col-form-title">Entry Details</legend> <div class="row"> <div class="col-md-12"> <div class="form-group"> <label class="control-label col-md-4" for="YearOfEntry">Year of Entry</label> <div class="controls col-md-4"> <select id="YearOfEntry" class="form-control" data-role="select" data-parsley-errors-container="#errId1"> <option value="">2022</option> <option value="Option 1">Option 1</option> <option value="Option 2">Option 2</option> <option value="Option 3">Option 3</option> <option value="Option 4">Option 4</option> </select> <span id="errId1" class="error"></span> </div> </div> <div class="form-group"> <label class="control-label control-label-left col-sm-3" for="EntryYearLevel">Entry Year Level</label> <div class="controls col-sm-9"> <select id="EntryYearLevel" class="form-control" data-role="select" data-parsley-errors-container="#errId2"> <option value="">Year 8</option> <option value="Option 1">Option 1</option> <option value="Option 2">Option 2</option> <option value="Option 3">Option 3</option> <option value="Option 4">Option 4</option> </select> <span id="errId2" class="error"></span> </div> </div> <div class="form-group"> <label class="control-label control-label-left col-sm-3" for="Campus">Campus</label> <div class="controls col-sm-9"> <select id="Campus" class="form-control" data-role="select" data-parsley-errors-container="#errId3"> <option value="">Ballarat</option> <option value="Option 1">Option 1</option> <option value="Option 2">Option 2</option> <option value="Option 3">Option 3</option> <option value="Option 4">Option 4</option> </select> <span id="errId3" class="error"/> </div> </div> </div> </div> <div class="form-group btn-group pull-right"> <button id="button47" type="button" class="btn btn-default">Button</button> <button id="button56" type="button" class="btn btn-primary">Button</button> </div> </fieldset> </form> </div>

.col-form-label { color: #2A4A8D; font-family: Lato,"helvetica neue",sans-serif; } .col-form-title { color: #2A4A8D; font-family: Lato,"helvetica neue",sans-serif; font-weight: 400; font-variant: small-caps; }