Wie Twitter-Bootstrap 3 Modal vertikal zentrieren?

Question

Ich habe versucht, den modalen Dialog von Boostrap 3 ohne Erfolg zu zentrieren. Wie kann das erreicht werden?

Answer 1

können Sie vertikal auf Bootstrap Ausrichtung Zentrum 3 modal wie das erreichen:

.modal-vertical-centered { 
transform: translate(0, 50%) !important; 
-ms-transform: translate(0, 50%) !important; /* IE 9 */ 
-webkit-transform: translate(0, 50%) !important; /* Safari and Chrome */ 
} 

und fügen Sie diese CSS-Klasse zum "Modal-Dialog" Container

<div class="modal-dialog modal-vertical-centered"> 
... 

jsFiddle Arbeitsbeispiel: http://jsfiddle.net/U4NRx/