<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></legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="cod">Cod:</label> <div class="col-md-4"> <input id="cod" name="cod" placeholder="" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="nome">Nome:</label> <div class="col-md-4"> <input id="nome" name="nome" placeholder="" class="form-control input-md" required="" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="idade">Idade: </label> <div class="col-md-4"> <input id="idade" name="idade" placeholder="" class="form-control input-md" required="" type="text"> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="grau">Grau: </label> <div class="col-md-4"> <select id="grau" name="grau" class="form-control"> <option value="0">Escolha...</option> <option value="1">7º Kyu - Branca</option> <option value="2">6º Kyu - Amarela</option> <option value="3">5º Kyu - Vermelha</option> <option value="4">4º Kyu - Laranja</option> <option value="5">3º Kyu - Verde</option> <option value="6">2º Kyu - Roxa</option> <option value="7">1º Kyu - Marrom</option> <option value="8">1º Dan - Preta</option> <option value="9">2º Dan - Preta</option> <option value="10">3º Dan - Preta</option> <option value="11">4º Dan - Preta</option> <option value="12">5º Dan - Preta</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="academia_descr">Academia: </label> <div class="col-md-4"> <select id="academia_descr" name="academia_descr" class="form-control"> <option value="1">Option one</option> <option value="2">Option two</option> </select> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="sexo">Sexo: </label> <div class="col-md-4"> <div class="radio"> <label for="sexo-0"> <input name="sexo" id="sexo-0" value="M" checked="checked" type="radio"> Masculino </label> </div> <div class="radio"> <label for="sexo-1"> <input name="sexo" id="sexo-1" value="F" type="radio"> Feminino </label> </div> </div> </div> <!-- Multiple Checkboxes --> <div class="form-group"> <label class="col-md-4 control-label" for="modalidade">Modalidade: </label> <div class="col-md-4"> <div class="checkbox"> <label for="modalidade-0"> <input name="modalidade" id="modalidade-0" value="S" type="checkbox"> Kumite Equipe </label> </div> <div class="checkbox"> <label for="modalidade-1"> <input name="modalidade" id="modalidade-1" value="S" type="checkbox"> Kumite Individual </label> </div> <div class="checkbox"> <label for="modalidade-2"> <input name="modalidade" id="modalidade-2" value="S" type="checkbox"> Kata Equipe </label> </div> <div class="checkbox"> <label for="modalidade-3"> <input name="modalidade" id="modalidade-3" value="S" type="checkbox"> Kata Individual </label> </div> </div> </div> <!-- Button (Double) --> <div class="form-group"> <label class="col-md-4 control-label" for="button1id"></label> <div class="col-md-8"> <button id="button1id" name="button1id" class="btn btn-default">Voltar</button> <button id="button2id" name="button2id" class="btn btn-default">Cadastrar</button> </div> </div> </fieldset> </form>