Comment vertical-centre Twitter Bootstrap 3 modal?

J'ai essayé de centrer verticalement le dialogue modal de Boostrap 3 sans succès. Comment cela peut-il être accompli?Comment vertical-centre Twitter Bootstrap 3 modal?

Source

2013-09-27 Rui

Vous pouvez obtenir le centre d'alignement vertical sur Bootstrap 3 modal comme ça:

.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 */ 
}

et ajoutez cette classe css au conteneur "-dialogue modale"

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

jsFiddle exemple de travail: http://jsfiddle.net/U4NRx/

Source

2013-10-31 16:04:29 EGurelli

Ceci supprime l'effet d'animation de glissement vers le bas. – Nate

Awesome mate .. il supprime l'effet de glissement vers le bas, mais il se fane et disparaît au centre. Donc, ceux qui en ont besoin pour se centrer .. c'est le chemin à parcourir. –

NOTE: cet exemple ne fonctionne pas du tout, si le contenu du modal est long ... attention, ça ne marche que si le contenu est court/petit. – zeroasterisk

Comment vertical-centre Twitter Bootstrap 3 modal?

Répondre

Questions connexes