Bootstrap 2 - zestaw dialogowe/modal pozycja

Question

Znalazłem jeden sposób, aby to zrobić:

marże użyć, aby kontrolować pozycję dialogowym, margin: -335px 0 0 -280px;

ustawienie szerokości należy zresetować marginesy width: 900px; margin: -250px 0 0 -450px;

ustawić wykorzystania wysokość max-height max-height: 800px; oparciu o

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

Czy istnieje lepszy sposób to zrobić? Korzystając z tego czy innego podejścia, czy istnieje sposób, aby dialog zsunął się tylko do top:0px i pozostanie tam do czasu zwolnienia?

Korzystanie z pierwszych ustawień marginesów, o których wspomniałem, robi to, ale oczywiście, gdy tylko zmieni się rozmiar przeglądarki, zostanie ona wypchnięta z widoku.

Answer 1

Wystarczy nadpisać pozycję CSS, np

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

Uwaga, to jest z Bootstrap 2.2.2. Jedynym marginesem jest ujemny lewy margines, który jest równy połowie szerokości modalu (centralnie modalny w poziomie). Nie są wymagane żadne dodatkowe marginesy.

jsFiddle przykład tutaj - http://jsfiddle.net/uuwAn/1/

Answer 2

Można zmodyfikować CSS na swój koniec zarchiwizować to zachowanie.

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

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

} 

Teraz będzie dobrze działać na urządzeniach mobilnych. UWAGA: należy wykonać przy użyciu zapytania Media o numerze CSS.