<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>Event</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Name">Event Title</label> <div class="col-md-4"> <input id="Name" name="Name" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="type">Event Type</label> <div class="col-md-4"> <div class="radio"> <label for="type-0"> <input type="radio" name="type" id="type-0" value="1" checked="checked"> Phone Meeting </label> </div> <div class="radio"> <label for="type-1"> <input type="radio" name="type" id="type-1" value="2"> Email Communication </label> </div> <div class="radio"> <label for="type-2"> <input type="radio" name="type" id="type-2" value="3"> Face-to-face dialogue </label> </div> <div class="radio"> <label for="type-3"> <input type="radio" name="type" id="type-3" value="4"> Workshop </label> </div> <div class="radio"> <label for="type-4"> <input type="radio" name="type" id="type-4" value="5"> Group Discussion </label> </div> <div class="radio"> <label for="type-5"> <input type="radio" name="type" id="type-5" value="6"> Information Session </label> </div> <div class="radio"> <label for="type-6"> <input type="radio" name="type" id="type-6" value="7"> Gathering </label> </div> <div class="radio"> <label for="type-7"> <input type="radio" name="type" id="type-7" value="8"> Conference </label> </div> <div class="radio"> <label for="type-8"> <input type="radio" name="type" id="type-8" value="9"> Other </label> </div> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="other">If Other, describe:</label> <div class="col-md-4"> <input id="other" name="other" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="background">Background Notes</label> <div class="col-md-4"> <input id="background" name="background" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="followup">Follow-up Notes</label> <div class="col-md-4"> <input id="followup" name="followup" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="general">General Notes</label> <div class="col-md-4"> <input id="general" name="general" type="text" placeholder="" class="form-control input-md"> </div> </div> </fieldset> </form>