<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/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="nomealuno">Nome do aluno</label> <div class="controls"> <input id="nomealuno" name="nomealuno" placeholder="Nome do aluno" class="input-xlarge" required="" type="text"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="idade">Idade</label> <div class="controls"> <input id="idade" name="idade" placeholder="Idade" class="input-xlarge" required="" type="text"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Estuda">Onde Estuda?</label> <div class="controls"> <input id="Estuda" name="Estuda" placeholder="Onde estuda?" class="input-xlarge" required="" type="text"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="serie">Série</label> <div class="controls"> <input id="serie" name="serie" placeholder="Série" class="input-xlarge" required="" type="text"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="endereco">Endereço completo</label> <div class="controls"> <input id="endereco" name="endereco" placeholder="Endereço completo" class="input-xlarge" required="" type="text"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="responsavel">Telefones para contato</label> <div class="controls"> <input id="responsavel" name="responsavel" placeholder="Telefones para contato" class="input-xlarge" required="" type="text"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="email">E-mail</label> <div class="controls"> <input id="email" name="email" placeholder="E-mail" class="input-xlarge" required="" type="text"> </div> </div> <!-- Textarea --> <div class="control-group"> <label class="control-label" for="frase">Frase criativa</label> <div class="controls"> <textarea id="frase" name="frase">Frase criativa</textarea> </div> </div> <!-- File Button --> <div class="control-group"> <label class="control-label" for="foto">Envie sua foto</label> <div class="controls"> <input id="foto" name="foto" class="input-file" type="file"> </div> </div> <!-- Multiple Checkboxes (inline) --> <div class="control-group"> <label class="control-label" for="Relulamento">Li o relulamento</label> <div class="controls"> <label class="checkbox inline" for="Relulamento-0"> <input name="Relulamento" id="Relulamento-0" value="Declaro que lí o regulamento deste concurso cultural e concordo com seus termos." type="checkbox"> Declaro que lí o regulamento deste concurso cultural e concordo com seus termos. </label> </div> </div> </fieldset> </form>