Bootstrap modellerimiz doğru Android ve iOS üzerinde çalışmıyor. Sorunu izci sorunu kabul ediyor ama çalışan bir çözüm sunmaz:

Modals in 2.0 are broken on mobile.

Modal window in 2.0 not positioning properly

Ekran görünüm penceresi görünür değildir ama kalıcı kararır. Mümkünse sayfanın en üstünde bulabilirsiniz. Sorun sayfada kaydırılan çalıştın oluşur.

Burada bootstrap-duyarlı ilgili bir bölümü.css:

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

Geçerli bir düzeltme var mı?

EDİT: unofficial Bootstrap Modal modification duyarlı/mobil sorunları gidermek için inşa edilmiştir. Belki de bu sorunu çözmek için en basit ve en kolay yoludur.

Beri bir düzeltme one of the issues you discussed earlier bulundu

bootstrap-responsive.css

.modal { 
    position: fixed; 
    top: 3%; 
    right: 3%; 
    left: 3%; 
    width: auto; 
    margin: 0; 
}
.modal-body { 
    height: 60%; 
}

ve bootstrap.css

.modal-body { 
    max-height: 350px; 
    padding: 15px; 
    overflow-y: auto; 
    -webkit-overflow-scrolling: touch; 
 }