Los modales de Bootstrap no funcionan correctamente en Android e iOS. El rastreador de problemas reconoce el problema pero no ofrece una solución de trabajo:

Los modales en 2.0 están rotos en el móvil.

Ventana modal en 2.0 no posicionada correctamente

La pantalla se oscurece pero el modal en sí no es visible en la ventana gráfica. Es posible encontrarlo en la parte superior de la página. El problema ocurre cuando te has desplazado hacia abajo en la página.

Aquí hay una parte relevante de bootstrap-responsive.css:

<code>.modal {
position:fixed;
top:50%;
left:50%;
z-index:1050;
max-height:500px;
overflow:auto;
width:560px;
background-color:#fff;
border:1px solid #999;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);
box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);
-webkit-background-clip:padding-box;
-moz-background-clip:padding-box;
background-clip:padding-box;
margin:-250px 0 0 -280px;
}
</code>

¿Hay alguna solución que pueda aplicar?