<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 ----------> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Form Name</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="firstname">First Name</label> <div class="col-md-5"> <input id="firstname" name="firstname" type="text" placeholder="First Name" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="lastname">Last Name</label> <div class="col-md-5"> <input id="lastname" name="lastname" type="text" placeholder="Last Name" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="email">Email</label> <div class="col-md-5"> <input id="email" name="email" type="text" placeholder="Email" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="phone">phone</label> <div class="col-md-5"> <input id="phone" name="phone" type="text" placeholder="Phone" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="departure">Departure</label> <div class="col-md-5"> <input id="departure" name="departure" type="text" placeholder="Departure" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="arrival">Arrival</label> <div class="col-md-5"> <input id="arrival" name="arrival" type="text" placeholder="Arrival" class="form-control input-md"> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="trip">Trip</label> <div class="col-md-4"> <div class="radio"> <label for="trip-0"> <input type="radio" name="trip" id="trip-0" value="oneway" checked="checked"> One Way </label> </div> <div class="radio"> <label for="trip-1"> <input type="radio" name="trip" id="trip-1" value="roundtrip"> Round Trip </label> </div> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="class">class</label> <div class="col-md-5"> <select id="class" name="class" class="form-control"> <option value="nopreference">No Preference</option> <option value="firstclass">First Class</option> <option value="businessclass">Business Class</option> </select> </div> </div> <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="requestquote"></label> <div class="col-md-4"> <button id="requestquote" name="requestquote" class="btn btn-primary">Request Quote</button> </div> </div> </fieldset> </form>