Bootstrap Modal'ı CSS

Question

kullanarak dikey olarak hizalayın Bootstrap Modal'ı CSS (veya bundan daha da zarif olabilecek başka bir çözüm) kullanarak dikey olarak hizalamaya çalışıyorum.

Canlı bir örnek - http://www.travelersuniverse.com/about - Bu sayfa sonundaki düğme.

Zaten

.modal-dialog { 
    display: inline-block; 
    text-align: left; 
    vertical-align: middle; 
} 

ama hiçbir şans çalıştı. Mod, sol üstte görüntülenir.

Teşekkürler!

Answer 1

sonraki kod kullanmayı deneyin:

.modal-dialog { 
    position: absolute; 
    margin: 0; 
    transform: translate(-50%,-50%) !important; 
    /*^dont forget to prefixize this^*/ 
    top: 50%; 
    left: 50%; 
} 

Answer 2

.modal-dialog { 
 
    position: absolute; 
 
    margin: 0; 
 
    transform: translate(-50%,-50%) !important; 
 
    -webkit-transform: translate(-50%,-50%) !important; 
 
    -moz-transform: translate(-50%,-50%) !important; 
 
    -o-transform: translate(-50%,-50%) !important; 
 
    -ms-transform: translate(-50%,-50%) !important; 
 
    top: 50%; 
 
    left: 50%; 
 
}

Üstü olacak tüm önekler