<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.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> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Register</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="name">Dog's Name</label> <div class="col-md-4"> <input id="name" name="name" type="text" placeholder="Dog's Name" class="form-control input-md" required=""> <span class="help-block">Name of buisness</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="phone">Breed</label> <div class="col-md-4"> <input id="phone" name="phone" type="text" placeholder="Phone Number" class="form-control input-md" required=""> <span class="help-block">Business Phone</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="email">Size</label> <div class="col-md-4"> <input id="email" name="email" type="text" placeholder="Email address" class="form-control input-md" required=""> <span class="help-block">Email will be used for notication messages</span> </div> </div> <!-- Password input--> <div class="form-group"> <label class="col-md-4 control-label" for="password">Age</label> <div class="col-md-4"> <input id="password" name="password" type="password" placeholder="Password " class="form-control input-md" required=""> <span class="help-block">Admin Password </span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">Social Status</label> <div class="col-md-4"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="WY">Very Social</option> <option value="WY">Social</option> <option value="WY">Shy</option> </select> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">Training</label> <div class="col-md-4"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="WY">None</option> <option value="WY">Puppy Training</option> <option value="WY">Good Citizen Training</option> </select> </div> </div> <!-- Dog's Sex--> <div class="row"> <div class="radio radio-primary"> <input type="radio" name="radio1" id="radio1" value="option1"> <label for="radio1"> Male </label> </div> <div class="radio radio-primary"> <input type="radio" name="radio1" id="radio2" value="option2"> <label for="radio2"> Female </label> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="address1">Address</label> <div class="col-md-4"> <input id="address1" name="address1" type="text" placeholder="Address " class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="address1"></label> <div class="col-md-4"> <input id="address1" name="address1" type="text" placeholder="Address2" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="city">City</label> <div class="col-md-4"> <input id="city" name="city" type="text" placeholder="City" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">Select Basic</label> <div class="col-md-4"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="WY">Wyoming</option> </select> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="zip">Zip Code</label> <div class="col-md-4"> <input id="zip" name="zip" type="text" placeholder="Zip Code" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="contactname">Contact Name</label> <div class="col-md-4"> <input id="contactname" name="contactname" type="text" placeholder="Full Name" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="contactphone">Contact Phone</label> <div class="col-md-4"> <input id="contactphone" name="contactphone" type="text" placeholder="Phone Number" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="contactemail">Email</label> <div class="col-md-4"> <input id="contactemail" name="contactemail" type="text" placeholder="Email Address" class="form-control input-md" required=""> </div> </div> <!-- Button (Double) --> <div class="form-group"> <label class="col-md-4 control-label" for="save"></label> <div class="col-md-8"> <button id="save" name="save" class="btn btn-success">Save</button> <button id="cancel" name="cancel" class="btn btn-danger">Cancel</button> </div> </div> </fieldset> </form> </div>