<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="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <!-- Optional theme --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> <!-- Latest compiled and minified JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <!-- Select Basic --> <div class="form-group"> <div class="row"> <div class="col-md-4"> </div> <div class="col-md-4"> <h2>User Management</h2> </div> <div class="col-md-4"> </div> </div> </br> <label class="col-md-4 control-label" for="selectbasic">Company</label> <div class="col-md-4"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="1">Primary Company</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">Contact Name</label> <div class="col-md-3"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="1">Name of Contact person</option> </select> </div> <div class="col-md-1"> <span style="line-height:2" class="glyphicon glyphicon-plus">New Contact</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Forename</label> <div class="col-md-4"> <input id="textinput" name="textinput" placeholder="Forename" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Surname</label> <div class="col-md-4"> <input id="textinput" name="textinput" placeholder="Surname" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Email Id</label> <div class="col-md-4"> <input id="textinput" name="textinput" placeholder="Email Id" class="form-control input-md" required="" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Position</label> <div class="col-md-4"> <input id="textinput" name="textinput" placeholder="Position" class="form-control input-md" type="text"> </div> </div> <!-- Multiple Checkboxes --> <div class="form-group"> <label class="col-md-4 control-label" for="checkboxes">Associated Entities</label> <div class="col-md-4"> <div class="checkbox"> <label for="checkboxes-0"> <input name="checkboxes" id="checkboxes-0" value="1" type="checkbox"> Dealer 1 </label> </div> <div class="checkbox"> <label for="checkboxes-1"> <input name="checkboxes" id="checkboxes-1" value="2" type="checkbox"> Dealer 2 </label> </div> <div class="checkbox"> <label for="checkboxes-2"> <input name="checkboxes" id="checkboxes-2" value="3" type="checkbox"> Dealer 3 </label> </div> <div class="checkbox"> <label for="checkboxes-3"> <input name="checkboxes" id="checkboxes-3" value="4" type="checkbox"> Dealer 4 </label> </div> </div> </div> <!-- Multiple Checkboxes --> <div class="form-group"> <label class="col-md-4 control-label" for="checkboxes">Multiple Checkboxes</label> <div class="col-md-4"> <div class="checkbox"> <label for="checkboxes-0"> <input name="checkboxes" id="checkboxes-0" value="1" type="checkbox"> Can View Hire Dashboard </label> </div> <div class="checkbox"> <label for="checkboxes-1"> <input name="checkboxes" id="checkboxes-1" value="2" type="checkbox"> Can View FNOL Dashboard </label> </div> <div class="checkbox"> <label for="checkboxes-2"> <input name="checkboxes" id="checkboxes-2" value="3" type="checkbox"> Can Add User </label> </div> </div> </div> <!-- Button (Double) --> <div class="form-group"> <label class="col-md-4 control-label" for="button1id"></label> <div class="col-md-8"> <button id="button1id" name="button1id" class="btn btn-success">Submit</button> <button id="button2id" name="button2id" class="btn btn-danger">Cancel</button> </div> </div> </fieldset> </form>