Vertically centering Bootstrap modal window

Question

I would like to center my modal on the viewport (middle) I tried to add some css properties

 .modal { position: fixed; top:50%; left:50%; }   

Answer 1

.modal.in .modal-dialog {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}