<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>Form Name</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Nombre">Nombre</label> <div class="col-md-5"> <input id="Nombre" name="Nombre" type="text" placeholder="Nombre" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Empresa">Empresa</label> <div class="col-md-5"> <input id="Empresa" name="Empresa" type="text" placeholder="Empresa" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Puesto">Puesto</label> <div class="col-md-5"> <input id="Puesto" name="Puesto" type="text" placeholder="Puesto" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Telefono">Telefono</label> <div class="col-md-4"> <input id="Telefono" name="Telefono" type="text" placeholder="Telefono" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Email">Email</label> <div class="col-md-4"> <input id="Email" name="Email" type="text" placeholder="Email" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Celular">Celular</label> <div class="col-md-4"> <input id="Celular" name="Celular" type="text" placeholder="Celular" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Direccion">Direccion</label> <div class="col-md-8"> <input id="Direccion" name="Direccion" type="text" placeholder="Direccion" class="form-control input-md"> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="Departamento">Departamento</label> <div class="col-md-4"> <select id="Departamento" name="Departamento" class="form-control"> <option value="1">Guatemala</option> <option value="2">Santa Rosa</option> <option value="3">Sacatepéquez</option> <option value="4">Jalapa</option> <option value="5">Jutiapa</option> <option value="6">San Marcos</option> <option value="7">Quetzaltenango</option> <option value="8">Petén</option> <option value="9">Alta Verapaz</option> <option value="10">Baja Verapaz</option> <option value="11">El Progreso</option> <option value="12">Izabal</option> <option value="13">Zacapa</option> <option value="14">Retalhuleu</option> <option value="15">Quiché</option> <option value="16">Huehuetenango</option> <option value="17">Escuintla</option> <option value="18">Chimaltenango</option> <option value="19">Chiquimula</option> <option value="20">Sololá</option> <option value="21">Suchitepéquez</option> <option value="22">Totonicapán</option> </select> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Municipio">Municipio</label> <div class="col-md-4"> <input id="Municipio" name="Municipio" type="text" placeholder="Municipio" class="form-control input-md" required=""> </div> </div> <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="Registrarse">Registrarse</label> <div class="col-md-4"> <button id="Registrarse" name="Registrarse" class="btn btn-danger">Registrarse</button> </div> </div>