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

Add .modal-dialog-centered to .modal-dialog to vertically center the modal.

  Launch demo modal




  

    

      

        
Modal title
        
          ×
        
      
      

        ...
      
      

        Close
        Save changes