<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.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 Registration</legend> <!-- Text input--> <div class="control-group"> <label class="control-label" for="textinput">First Name:</label> <div class="controls"> <input id="textinput" name="textinput" type="text" placeholder="" class="input-xlarge"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="textinput">Last Name:</label> <div class="controls"> <input id="textinput" name="textinput" type="text" placeholder="" class="input-xlarge"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="textinput">Email:</label> <div class="controls"> <input id="textinput" name="textinput" type="text" placeholder="" class="input-xlarge"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="textinput">Telephone:</label> <div class="controls"> <input id="textinput" name="textinput" type="text" placeholder="" class="input-xlarge"> </div> </div> <!-- Multiple Radios --> <div class="control-group"> <label class="control-label" for="radios">Role:</label> <div class="controls"> <label class="radio" for="radios-0"> <input type="radio" name="radios" id="radios-0" value="Project coordinator" checked="checked"> Project coordinator </label> <label class="radio" for="radios-1"> <input type="radio" name="radios" id="radios-1" value="Parent Champion volunteer"> Parent Champion volunteer </label> <label class="radio" for="radios-2"> <input type="radio" name="radios" id="radios-2" value="Other"> Other </label> </div> </div> <!-- Textarea --> <div class="control-group"> <label class="control-label" for="textarea">Other:</label> <div class="controls"> <textarea id="textarea" name="textarea">Please State</textarea> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="textinput">Which local authority is your Parent Champions scheme based in?:</label> <div class="controls"> <input id="textinput" name="textinput" type="text" placeholder="" class="input-xlarge"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="textinput">Job title:</label> <div class="controls"> <input id="textinput" name="textinput" type="text" placeholder="(if applicable)" class="input-xlarge"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="textinput">Organisation/LA you work for: </label> <div class="controls"> <input id="textinput" name="textinput" type="text" placeholder="" class="input-xlarge"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="textinput">Dietary, access or other special requirements:</label> <div class="controls"> <input id="textinput" name="textinput" type="text" placeholder="" class="input-xlarge"> </div> </div> </fieldset> </form>