Allineamento verticale di modal bootstrap sui cellulari

Question

Questa domanda sembra essere stato chiesto a un certo numero di volte su GitHub, ma non mi sono imbattuto in alcune soluzioni: https://github.com/twitter/bootstrap/issues/1399

come può il modale essere allineata verticalmente correttamente su schermi di piccole dimensioni ?

Answer 1

Modifica: A partire da Bootstrap 2.0.2, questo non è più un problema. Fondamentalmente, bootstrap implementa ora la soluzione proposta di seguito, che lascerò qui per scopi di riferimento.

Generalmente, nei modellini di piccole dimensioni si riempie gran parte della finestra, quindi il posizionamento relativo al pulsante che ha attivato il modale non ha molto senso. Quello che faccio di solito è solo sovrascrive la posizione modale per i telefoni:

@media (max-width: 767px) { 
    .modal { 
     top: 20px; 
     // negative left margin to position horizontally. 
     margin: 0 0 0 -280px; 
     // already in modals.less, just copied for clarification: 
     left: 50%; 
     position: fixed; 
    } 
} 

(Questo è in soluzioni CSS MENO, puri è simile).