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 …
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
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.