Modal Twitter Bootstrap na urządzeniach mobilnych

Moduły Bootstrap nie działają poprawnie na Androidzie i iOS. Moduł śledzenia problemów potwierdza problem, ale nie oferuje działającego rozwiązania:

Moduły w wersji 2.0 są uszkodzone na urządzeniach mobilnych.

Okno modalne w 2.0 nie jest poprawnie ustawione

Ekran ciemnieje, ale sam modal nie jest widoczny w rzutni. Można go znaleźć na górze strony. Problem pojawia się, gdy przewijasz stronę w dół.

Oto odpowiednia część 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>

Czy mogę naprawić problem?

questionAnswers(12)

yourAnswerToTheQuestion