<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>Formulario de Alumnos</legend> <!-- Text input--> <div class="control-group"> <label class="control-label" for="txtescuela">Nombre de la Escuela:</label> <div class="controls"> <input id="txtescuela" name="txtescuela" type="text" placeholder="" class="input-xlarge" required=""> </div> </div> <!-- Multiple Radios (inline) --> <div class="control-group"> <label class="control-label" for="radios">Jornada:</label> <div class="controls"> <label class="radio inline" for="radios-0"> <input type="radio" name="radios" id="radios-0" value="Matutina" checked="checked"> Matutina </label> <label class="radio inline" for="radios-1"> <input type="radio" name="radios" id="radios-1" value="Vespetina"> Vespetina </label> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="txtnivel">Grado o Nivel:</label> <div class="controls"> <input id="txtnivel" name="txtnivel" type="text" placeholder="" class="input-medium" required=""> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="txtgrupo">Grupo:</label> <div class="controls"> <input id="txtgrupo" name="txtgrupo" type="text" placeholder="" class="input-medium" required=""> </div> </div> <h3> Dimensión Pedagógica</h3> <!-- Multiple Radios (inline) --> <div class="control-group"> <label class="control-label" for="radios1">1. Conoce la existencia del Proyecto Educativo de Centro (P.E.C.)</label> <div class="controls"> <label class="radio inline" for="radios1-0"> <input type="radio" name="radios1" id="radios1-0" value="5" checked="checked"> 5 </label> <label class="radio inline" for="radios1-1"> <input type="radio" name="radios1" id="radios1-1" value="4"> 4 </label> <label class="radio inline" for="radios1-2"> <input type="radio" name="radios1" id="radios1-2" value="3"> 3 </label> <label class="radio inline" for="radios1-3"> <input type="radio" name="radios1" id="radios1-3" value="2"> 2 </label> <label class="radio inline" for="radios1-4"> <input type="radio" name="radios1" id="radios1-4" value="1"> 1 </label> <label class="radio inline" for="radios1-5"> <input type="radio" name="radios1" id="radios1-5" value="0"> 0 </label> </div> </div> <!-- Multiple Radios (inline) --> <div class="control-group"> <label class="control-label" for="radios2">2. Hay evidencias de que las actividades culturales realizadas en el plantel son cónsomas con el código ético consignado en el PEC.</label> <div class="controls"> <label class="radio inline" for="radios2-0"> <input type="radio" name="radios2" id="radios2-0" value="5" checked="checked"> 5 </label> <label class="radio inline" for="radios2-1"> <input type="radio" name="radios2" id="radios2-1" value="4"> 4 </label> <label class="radio inline" for="radios2-2"> <input type="radio" name="radios2" id="radios2-2" value="3"> 3 </label> <label class="radio inline" for="radios2-3"> <input type="radio" name="radios2" id="radios2-3" value="2"> 2 </label> <label class="radio inline" for="radios2-4"> <input type="radio" name="radios2" id="radios2-4" value="1"> 1 </label> <label class="radio inline" for="radios2-5"> <input type="radio" name="radios2" id="radios2-5" value="0"> 0 </label> </div> </div> </fieldset> </form>