Модальные бутстрэпы не работают корректно на Android и iOS. Система отслеживания проблем признает проблему, но не предлагает рабочего решения:

Модалы в 2.0 не работают на мобильном телефоне.

Модальное окно в 2.0 не позиционируется должным образом

Экран темнеет, но сам модал не виден в области просмотра. Его можно найти в верхней части страницы. Проблема возникает, когда вы прокручиваете страницу вниз.

Вот соответствующая часть bootstrap-responseive.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>

Могу ли я применить исправление?