Saltar al contenido

Alinear el formulario al centro en Bootstrap 4

Si encuentras alguna parte que no comprendes puedes dejarnos un comentario y te ayudaremos lo mas rápido que podamos.

Solución:

Necesita utilizar los distintos Bootstrap 4 métodos de centrado …

  • Usar text-center para elementos en línea.
  • Usar justify-content-center para elementos de caja flexible (es decir; form-inline)

https://codeply.com/go/Am5LvvjTxC

Además, para compensar la columna, el col-sm-* debe estar contenido dentro de un .row, y el .row debe estar en un recipiente …

Welcome to Bootstrap 4

[email protected]">

Enter Valid Email Id

Todas las respuestas anteriores dan perfectamente la solución para centrar el formulario usando Bootstrap 4. Sin embargo, si alguien quiere usar fuera de la caja Bootstrap 4 clases CSS sin la ayuda de estilos adicionales y también no queriendo usar flex, podemos hacer así.

Un formulario de muestra

ingrese la descripción de la imagen aquí

HTML

Form


Enlace a CodePen

Espero que esto ayude a alguien. Gracias.

Si te gustó nuestro trabajo, tienes el poder dejar un tutorial acerca de qué le añadirías a esta crónica.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *