Alineación vertical en Bootstrap 4

La alineación vertical en Bootstrap 4 se puede lograr mediante varios métodos, cada uno con sus propias ventajas y escenarios de aplicación.

Márgenes automáticos

Los márgenes automáticos se pueden utilizar para centrar elementos verticalmente dentro de sus contenedores. Esto se logra agregando la clase my-auto al elemento que desea centrar. Por ejemplo:

Flexbox
Bootstrap 4 aprovecha Flexbox de forma predeterminada, proporcionando potentes herramientas para la alineación vertical. Para centrar un elemento verticalmente usando Flexbox, use la clase align-self-center en el elemento. Alternativamente, usar align-items-center en el contenedor principal centrará todos sus elementos flexibles verticalmente.
Utilidades de visualización
Las utilidades de visualización se pueden utilizar para establecer un contexto de visualización para elementos. En combinación con las utilidades de alineación vertical, puede ajustar la alineación vertical de elementos de celda de tabla o en línea. Por ejemplo:
Al comprender estas técnicas, puede centrar elementos verticalmente de manera efectiva en Bootstrap 4, mejorando la alineación y el atractivo visual de sus páginas web.