How to vertically align Bootstrap v4 modal dialogs

Question

Vertically center modal dialogues in Bootstrap 4.

Note: The requirements below have been added to make it clear I am looking for a prop

Answer 1

Just use this class " modal-dialog-centered " for showing Modal on center of screen Vertically .

for exmaple:

Thanks