alineación vertical de modal de arranque en los móviles

Question

Esta cuestión parece haber sido invitado varias veces en GitHub, pero no he encontrado ninguna solución: https://github.com/twitter/bootstrap/issues/1399

cómo puede el modal estar alineado verticalmente correctamente en pantallas pequeñas ?

Answer 1

Editar: A partir de Bootstrap 2.0.2, esto ya no es un problema. Básicamente, bootstrap ahora implementa la solución propuesta a continuación, que dejaré aquí como referencia.

Generalmente, en las pantallas pequeñas, los modales llenarán la mayor parte de la ventana, por lo que el posicionamiento relativo al botón que activó el modo no tiene mucho sentido. Lo que suelo hacer es simplemente sobrescribir la posición modal para móviles:

@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; 
    } 
} 

(Esto está en CSS, soluciones puras menos Apariencia similar).