title: Some INPUT tags are not working
body: <p>I have a <code>form</code> <a href="http://www.erase.com.mx/erase/solicitar-servicio.html" rel="nofollow">HERE</a></p>
  
  <p>At a first sight everything works great but when I resize the the browser to a middle-small size some <code>input</code> tags (but not all of them) stop working (like the 3 <code>input</code> tags after says "Información del Evento"). Also the first <code>checkbox</code> group does not work anymore, but the second group works well.</p>
  
  <p>The weird thing is that when the browser has a large size every tag seems to work perfect. I'm using the Twitter-Bootstrap so I don't know if its something related to this.</p>
  
  <p>I have also validated the code with the W3-Validator and got just some few warnings.</p>
  
  <p>Hope anyone have an idea abut what is going on here.</p>
  
  <pre><code>&lt;fieldset class="pb-md"&gt;
                      &lt;div class="row"&gt;
                          &lt;h3 class="featurette-heading centerText mb-md"&gt;Informaci&amp;oacute;n del Evento&lt;/h3&gt;
                          &lt;div class="form-group col-md-4 col-xs-12"&gt;
                              &lt;label for="tipoEvento"&gt;Tipo de Evento&lt;/label&gt;
                              &lt;input class="form-control" type="text" name="tipoEvento" id="tipoEvento" placeholder="tipo de evento"&gt;
                          &lt;/div&gt;
                          &lt;div class="form-group col-md-2 col-xs-6"&gt;
                              &lt;label for="lugarEvento"&gt;Lugar&lt;/label&gt;
                              &lt;input class="form-control" type="text" name="lugarEvento" id="lugarEvento" placeholder="lugar del evento"&gt;
                          &lt;/div&gt;
                          &lt;div class="form-group col-md-2 col-xs-6"&gt;
                              &lt;label for="fechaEvento"&gt;Fecha&lt;/label&gt;
                              &lt;input class="form-control" type="date" name="fechaEvento" id="fechaEvento" placeholder="dd/mm/aaaa"&gt;
                          &lt;/div&gt;
                          &lt;div class="form-group col-md-2 col-xs-6"&gt;
                              &lt;label for="numeroInvitados"&gt;# de Invitados&lt;/label&gt;
                              &lt;input class="form-control" type="number" name="numeroInvitados" id="numeroInvitados" placeholder="lugar del evento"&gt;
                          &lt;/div&gt;
                          &lt;div class="form-group col-md-2 col-xs-6"&gt;
                              &lt;label for="porcentajeForaneos"&gt;% de Foraneos&lt;/label&gt;
                              &lt;input class="form-control" type="number" name="porcentajeForaneos" id="porcentajeForaneos" placeholder="% foraneos"&gt;
                          &lt;/div&gt;
  
                          &lt;div class="col-xs-12 mt-xs mb-sm"&gt;&lt;hr class="featurette-divider"&gt;&lt;/div&gt;
  
                          &lt;div class="form-group col-md-4"&gt;
                              &lt;label for="tipoEvento"&gt;Tipo de Ceremonia&lt;/label&gt;
                              &lt;input class="form-control" type="text" name="tipoCeremonia" id="tipoCeremonia" placeholder="tipo de ceremonia"&gt;
                          &lt;/div&gt;
                          &lt;div class="form-group col-md-2 col-sm-3 col-xs-6"&gt;
                              &lt;label for="numeroInvitadosCeremonia"&gt;# de Invitados&lt;/label&gt;
                              &lt;input class="form-control" type="number" name="numeroInvitadosCeremonia" id="numeroInvitadosCeremonia" placeholder="... de ceremonia"&gt;
                          &lt;/div&gt;
                          &lt;div class="form-group col-md-2 col-sm-3 col-xs-6"&gt;
                              &lt;label for="numeroHorasCeremonia"&gt;# de Horas&lt;/label&gt;
                              &lt;input class="form-control" type="number" name="numeroHorasCeremonia" id="numeroHorasCeremonia" placeholder="# de horas"&gt;
                          &lt;/div&gt;
                          &lt;div class="form-group col-md-2 col-sm-3 col-xs-6"&gt;
                              &lt;label for="desdeCeremonia"&gt;Desde las...&lt;/label&gt;
                              &lt;input class="form-control" type="time" name="desdeCeremonia" id="desdeCeremonia" placeholder="00:00 am"&gt;
                          &lt;/div&gt;
                          &lt;div class="form-group col-md-2 col-sm-3 col-xs-6"&gt;
                              &lt;label for="hastaCeremonia"&gt;Hasta las...&lt;/label&gt;
                              &lt;input class="form-control" type="time" name="hastaCeremonia" id="hastaCeremonia" placeholder="00:00 pm"&gt;
                          &lt;/div&gt;
  
                          &lt;div class="col-xs-12 mt-xs mb-sm"&gt;&lt;hr class="featurette-divider"&gt;&lt;/div&gt;
  
                          &lt;div class="form-group col-md-4"&gt;
                              &lt;label for="tipoRecepcion"&gt;Tipo de Recepci&amp;oacute;n&lt;/label&gt;
                              &lt;input class="form-control" type="text" name="tipoRecepcion" id="tipoRecepcion" placeholder="tipo de recepci&amp;oacute;n"&gt;
                          &lt;/div&gt;
                          &lt;div class="form-group col-md-2 col-sm-3 col-xs-6"&gt;
                              &lt;label for="numeroInvitadosRecepcion"&gt;# de Invitados&lt;/label&gt;
                              &lt;input class="form-control" type="number" name="numeroInvitadosRecepcion" id="numeroInvitadosRecepcion" placeholder="... de recepci&amp;oacute;n"&gt;
                          &lt;/div&gt;
                          &lt;div class="form-group col-md-2 col-sm-3 col-xs-6"&gt;
                              &lt;label for="numeroHorasRecepcion"&gt;# de Horas&lt;/label&gt;
                              &lt;input class="form-control" type="number" name="numeroHorasRecepcion" id="numeroHorasRecepcion" placeholder="# de horas"&gt;
                          &lt;/div&gt;
                          &lt;div class="form-group col-md-2 col-sm-3 col-xs-6"&gt;
                              &lt;label for="desdeRecepcion"&gt;Desde las...&lt;/label&gt;
                              &lt;input class="form-control" type="time" name="desdeRecepcion" id="desdeRecepcion" placeholder="00:00 am"&gt;
                          &lt;/div&gt;
                          &lt;div class="form-group col-md-2 col-sm-3 col-xs-6"&gt;
                              &lt;label for="hastaRecepcion"&gt;Hasta las...&lt;/label&gt;
                              &lt;input class="form-control" type="time" name="hastaRecepcion" id="hastaRecepcion" placeholder="00:00 pm"&gt;
                          &lt;/div&gt;
  
                          &lt;div class="col-xs-12 mt-xs mb-sm"&gt;&lt;hr class="featurette-divider"&gt;&lt;/div&gt;
  
                          &lt;div class="form-group col-md-4 col-sm-4 col-xs-12"&gt;
                              &lt;label for="diasEvento"&gt;D&amp;iacute;as del Evento&lt;/label&gt;
                              &lt;input class="form-control" type="number" name="diasEvento" id="diasEvento" placeholder="#"&gt;
                          &lt;/div&gt;
                          &lt;div class="form-group col-md-2 col-sm-2 col-xs-6"&gt;
                              &lt;label for="pedida"&gt;Pedida&lt;/label&gt;
                              &lt;input class="form-control" type="number" name="pedida" id="pedida" placeholder="#"&gt;
                          &lt;/div&gt;
                          &lt;div class="form-group col-md-2 col-sm-2 col-xs-6"&gt;
                              &lt;label for="despedida"&gt;Despedida&lt;/label&gt;
                              &lt;input class="form-control" type="number" name="despedida" id="despedida" placeholder="#"&gt;
                          &lt;/div&gt;
                          &lt;div class="form-group col-md-2 col-sm-2 col-xs-6"&gt;
                              &lt;label for="ensayo"&gt;Ensayo&lt;/label&gt;
                              &lt;input class="form-control" type="number" name="ensayo" id="ensayo" placeholder="#"&gt;
                          &lt;/div&gt;
                          &lt;div class="form-group col-md-2 col-sm-2 col-xs-6"&gt;
                              &lt;label for="tornaboda"&gt;Tornaboda&lt;/label&gt;
                              &lt;input class="form-control" type="number" name="tornaboda" id="tornaboda" placeholder="#"&gt;
                          &lt;/div&gt;
  
                          &lt;div class="col-xs-12 mt-xs mb-sm"&gt;&lt;hr class="featurette-divider"&gt;&lt;/div&gt;
  
                          &lt;div class="form-group col-sm-6"&gt;
                              &lt;label for="hotelesSede"&gt;Hoteles Sede&lt;/label&gt;
                              &lt;input class="form-control" type="text" name="hotelesSede" id="hotelesSede" placeholder="hoteles sede"&gt;
                          &lt;/div&gt;
                          &lt;div class="form-group col-sm-6"&gt;
                              &lt;label for="plan"&gt;Plan&lt;/label&gt;
                              &lt;input class="form-control" type="text" name="plan" id="plan" placeholder="plan"&gt;
                          &lt;/div&gt;
                          &lt;div class="col-xs-12 mt-md mb-xs"&gt;&lt;hr class="featurette-divider"&gt;&lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/fieldset&gt;
  </code></pre>