Alinhamento vertical no Bootstrap 4

O alinhamento vertical no Bootstrap 4 pode ser alcançado através de vários métodos, cada um com suas próprias vantagens e cenários de aplicação.

Margens automáticas

As margens automáticas podem ser usadas para centralizar elementos verticalmente em seus contêineres. Isso é feito adicionando a classe my-auto ao elemento que você deseja centralizar. Por exemplo:

Flexbox
O Bootstrap 4 aproveita o Flexbox por padrão, fornecendo ferramentas poderosas para alinhamento vertical. Para centralizar um elemento verticalmente usando Flexbox, use a classe align-self-center no elemento. Como alternativa, usar align-items-center no contêiner pai centralizará todos os seus itens flexíveis verticalmente.
Display Utilities
Utilitários de exibição podem ser usados ​​para estabelecer um contexto de exibição para elementos. Em combinação com utilitários de alinhamento vertical, você pode ajustar o alinhamento vertical de elementos embutidos ou de células de tabela. Por exemplo:
Ao compreender essas técnicas, você pode efetivamente centralizar elementos verticalmente no Bootstrap 4, melhorando o alinhamento e o apelo visual de suas páginas da web.