How to make the modal window in Bootstrap 3 slide out to the right instead of the top?

Question

Bootstrap

I use angular-ui and the modal window in it always leaves from above. How can you change the animation?

Answer 1

After a long googling in English, I found a suitable answer:

.modal.fade:not(.in) .modal-dialog {
    -webkit-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0);
}

Answer 2

.modal.fade .modal-dialog {
transform: translate(25%, 0);
}