Bootstrap 2 set iletişim/modal pozisyon

Question

Bunu yapmanın bir yolunu buldum: bu yüzden margin: -335px 0 0 -280px iletişim konumunu kontrol etmek

kullanım marjları;

Eğer

http://www.revillwebdesign.com/change-the-height-width-and-position-of-a-modal-in-twitter-bootstrap/

dayalı olarak yükseklik kullanımı max-height max-height: 800px; Bunu yapmak için daha iyi bir yolu var mı ayarlamak için marjları width: 900px; margin: -250px 0 0 -450px;

sıfırlamak gerekir genişliğini ayarlayarak? Bu veya başka bir yaklaşımı kullanarak, diyalog penceresini sadece top:0px'a indirmenin ve işten çıkana kadar orada kalmanın bir yolu var mı?

Belirtmiş olduğum ilk kenar boşluğu ayarlarını kullanmak bunu yapar, ancak tarayıcı yeniden boyutlandırıldığında, görünümden dışarı çekilir.

Answer 1

Basitçe örneğin

.modal, .modal.fade.in { 
    top: 0; /* was 10% */ 
} 

Not CSS konumunu geçersiz kılmak, bu Bootstrap 2.2.2 beraberdir. Tek marj, modalın yarısı olan negatif bir sol marjdır (modal yatay olarak ortalar). Üst kenar boşlukları gerekli değildir. Burada

jsFiddle örneği - http://jsfiddle.net/uuwAn/1/

Answer 2

Bu davranışı arşivlemek için sonunda CSS değiştirebilir.

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

@media screen and (max-height: 450px), (max-height: 450px) { 
    .modal-body { 
     max-height: 130px; 
    } 

} 

Şimdi, mobil aygıtlarda iyi çalışır. Not: CSS ortam sorgusu kullanılarak yapılmıştır.