Vertical align in Bootstrap 4

La documentazione di Bootstrap è ottima, tranne in alcuni punti.

Uno di questi è il vertical align; anche se ci sono delle classi preposte, non sono di facile lettura.

Oggi vi propongo un mio esempio che sto usando in produzione; ovviamente possono esserci altri modi.

Questo il mio codice HTML:

<div class="modal" id="modal_wait" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="container h-100">
                    <div class="row align-items-center h-100">
                        <div class="col-6 mx-auto text-center">
                           <!-- CONTENUTO -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

Qui siamo nel modal, ma vale anche per pagine "normali".

Enjoy!