8
Ho cercato di centrare verticalmente la finestra di dialogo modale di Boostrap 3 senza successo. Come può essere realizzato?Come centralino verticale di Twitter Bootstrap 3 modale?
Ho cercato di centrare verticalmente la finestra di dialogo modale di Boostrap 3 senza successo. Come può essere realizzato?Come centralino verticale di Twitter Bootstrap 3 modale?
È possibile raggiungere il centro allineamento verticale su Bootstrap 3 modale del genere:
.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 */
}
e aggiungere questa classe CSS al contenitore "modal-dialog"
<div class="modal-dialog modal-vertical-centered">
...
jsFiddle esempio funzionante: http://jsfiddle.net/U4NRx/
Rimuove l'effetto di animazione della diapositiva verso il basso. – Nate
Incredibile compagno .. rimuove l'effetto slide down ma si attenua e svanisce al centro. Quindi quelli che ne hanno bisogno sono centrati ... è la strada da percorrere. –
NOTA: quell'esempio non funziona affatto, se il contenuto della modale è lungo ... attenzione, funziona solo se il contenuto è breve/piccolo. – zeroasterisk