<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.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>Registro</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Numero de Documento">Numero de Documento</label> <div class="col-md-4"> <input id="Numero de Documento" name="Numero de Documento" type="text" placeholder="Ej: 123456789" class="form-control input-md" required=""> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="id_tipo_documento">Tipo Documento</label> <div class="col-md-4"> <select id="id_tipo_documento" name="id_tipo_documento" class="form-control"> </select> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Primer Nombre</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="Ej: Juan" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Apellido1">Primer Apellido</label> <div class="col-md-4"> <input id="Apellido1" name="Apellido1" type="text" placeholder="Ej: Miranda" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="nombre2">Segundo Nombre</label> <div class="col-md-4"> <input id="nombre2" name="nombre2" type="text" placeholder="Ej: Pedro" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="apellido2">Segundo Apellido</label> <div class="col-md-4"> <input id="apellido2" name="apellido2" type="text" placeholder="Ej: Paternina" class="form-control input-md" required=""> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="id_genero">Genero</label> <div class="col-md-4"> <select id="id_genero" name="id_genero" class="form-control"> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="id_estado_civil">Estado Civil</label> <div class="col-md-4"> <select id="id_estado_civil" name="id_estado_civil" class="form-control"> </select> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="email">Correo</label> <div class="col-md-4"> <input id="email" name="email" type="text" placeholder="Ej: Tu correo@gmail.com" class="form-control input-md" required=""> </div> </div> <!-- Password input--> <div class="form-group"> <label class="col-md-4 control-label" for="contrasena">Contraseña</label> <div class="col-md-4"> <input id="contrasena" name="contrasena" type="password" placeholder="*********" class="form-control input-md" required=""> </div> </div> <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="Enviar"></label> <div class="col-md-4"> <button id="Enviar" name="Enviar" class="btn btn-primary">Registrarse</button> </div> </div> </fieldset> </form>