Twitter Bootstrap-Modal auf Mobilgeräten
Bootstrap-Modale funktionieren unter Android und iOS nicht richtig. Der Issue Tracker erkennt das Problem an, bietet jedoch keine funktionierende Lösung:
Modals in 2.0 sind auf Mobilgeräten defekt.
Modalfenster in 2.0 nicht richtig positioniert
Der Bildschirm wird dunkler, aber das Modal selbst ist im Ansichtsfenster nicht sichtbar. Es ist möglich, es oben auf der Seite zu finden. Das Problem tritt auf, wenn Sie auf der Seite nach unten gescrollt haben.
Hier ist ein relevanter Teil von 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>
Gibt es einen Fix, den ich anwenden kann?