Bienvenido a la Comunidad de Treehouse

¿Quieres colaborar en errores de código? ¿Tienes errores que necesitan comentarios? ¿Buscas un par de ojos adicionales en tu último proyecto? aquí.

¿Buscas aprender algo nuevo?

Treehouse ofrece una prueba gratuita de siete días para estudiantes nuevos. Obtén acceso a miles de horas de contenido y únete a miles de

Inicia tu prueba gratuita

CSS Conceptos básicos de Bootstrap Creando formularios con Bootstrap Diseños de Formulario Estructurados con la Cuadrícula

Publicado por Thomas Barkel
Thomas Barkel
Estudiante de Cursos Plus 7,222 Puntos

El botón de registro no se muestra correctamente

Mi formulario se ve genial excepto por el botón Registrarse. La alineación y el espaciado están desajustados y el salto de línea no aparece para separar la información de la tarjeta de crédito del botón Registrarse. 

      <div class=form-row>
      <etiqueta class=col-lg-12>Fecha de vencimiento:</etiqueta>

        <div class=grupo de formulario col-lg-8>
          <select class=custom-select form-control id=exp-month>
  <option valor=1>1 - Enero</option>
  <option valor=2>2 - Febrero</option>
  <option valor=3>3 - Marzo</option>
  <option valor=4>4 - Abril</option>
  <option valor=5>5 - Mayo</option>
  <option valor=6>6 - Junio</option>
  <option valor=7>7 - Julio</option>
  <option valor=8>8 - Agosto</option>
  <option valor=9>9 - Septiembre</option>
  <option valor=10>10 - Octubre</option>
  <option valor=11>11 - Noviembre</option> 
  <option valor=12>12 - Diciembre</option>
</select>  
         </div>

          <div class=grupo de formulario col-lg>

            <select class=custom-select form-control id=exp-year>
  <option valor=2016>2016</option>
  <option valor=2017>2017</option>
  <option valor=2018>2018</option>
  <option valor=2019>2019</option>
  <option valor=2020>2020</option>
</select> 

         </div>

        <hr class=mb-4>
        <botón type=submit class=btn btn-primary btn-lg>Registrarse</botón>
      </div>          

    </form>

 <!--/formulario de registro-->
        </div>
        </div>
      </div>
    </div>
Henry .
Henry .
52 puntos

¿Puedes mostrarnos cómo te gustaría que aparezca el botón Registrarse usando algo como Paint y posicionándolo?

2 Respuestas

Elizabeth Stone
Elizabeth Stone
6469 puntos
Elizabeth Stone
Elizabeth Stone
6469 puntos

Colocaste tu botón dentro del div para la sección Fecha de vencimiento. Si mueves la etiqueta de cierre </div> (mostrada justo debajo de tu etiqueta <button>) por encima de tu etiqueta <hr>, entonces debería funcionar. ¡Espero que ayude!

André Larsen
André Larsen
9652 puntos
André Larsen
André Larsen
9652 puntos

Parece que tienes una etiqueta </form> cerrada, pero no puedo encontrar la etiqueta <form> de apertura. ¿Crees que podría ser eso? :)