<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>Form Name</legend> <!-- Text input--> <div class="control-group"> <label class="control-label" for="nome_aluno"></label> <div class="controls"> <input id="nome_aluno" name="nome_aluno" type="text" placeholder="nome aluno" class="input-xlarge" required=""> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="endereco_aluno"></label> <div class="controls"> <input id="endereco_aluno" name="endereco_aluno" type="text" placeholder="endereço" class="input-xlarge" required=""> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="textinput"></label> <div class="controls"> <input id="textinput" name="textinput" type="text" placeholder="telefone residencial" class="input-xlarge"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="celular_aluno"></label> <div class="controls"> <input id="celular_aluno" name="celular_aluno" type="text" placeholder="telefone celular" class="input-xlarge"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="email_aluno"></label> <div class="controls"> <input id="email_aluno" name="email_aluno" type="text" placeholder="email" class="input-xlarge"> </div> </div> <!-- Select Basic --> <div class="control-group"> <label class="control-label" for="série">série</label> <div class="controls"> <select id="série" name="série" class="input-xlarge"> <option>1ª</option> <option>2ª</option> <option>3ª</option> <option>4ª</option> </select> </div> </div> <!-- Multiple Checkboxes (inline) --> <div class="control-group"> <label class="control-label" for="checkboxes">repetir endereço do aluno</label> <div class="controls"> <label class="checkbox inline" for="checkboxes-0"> <input type="checkbox" name="checkboxes" id="checkboxes-0" value="responsável 1"> responsável 1 </label> <label class="checkbox inline" for="checkboxes-1"> <input type="checkbox" name="checkboxes" id="checkboxes-1" value="responsável 2"> responsável 2 </label> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="responsavel1"></label> <div class="controls"> <input id="responsavel1" name="responsavel1" type="text" placeholder="responsavel 1" class="input-xlarge"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="endereco_resp1"></label> <div class="controls"> <input id="endereco_resp1" name="endereco_resp1" type="text" placeholder="endereço responsável 1" class="input-xlarge" required=""> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="tel1_resp1"></label> <div class="controls"> <input id="tel1_resp1" name="tel1_resp1" type="text" placeholder="telefone residencial" class="input-xlarge"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="tel_comercial_resp1"></label> <div class="controls"> <input id="tel_comercial_resp1" name="tel_comercial_resp1" type="text" placeholder="telefone comercial" class="input-xlarge"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="tel2_resp1"></label> <div class="controls"> <input id="tel2_resp1" name="tel2_resp1" type="text" placeholder="telefone celular" class="input-xlarge"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="CPF_resp1"></label> <div class="controls"> <input id="CPF_resp1" name="CPF_resp1" type="text" placeholder="C.P.F. responsável 1" class="input-xlarge"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="email_resp1"></label> <div class="controls"> <input id="email_resp1" name="email_resp1" type="text" placeholder="email" class="input-xlarge"> </div> </div> <!-- Button (Double) --> <div class="control-group"> <label class="control-label" for="ok"></label> <div class="controls"> <button id="ok" name="ok" class="btn btn-success">Salvar</button> <button id="apagar" name="apagar" class="btn btn-danger">Apagar</button> </div> </div> </fieldset> </form>