pionowe wyrównanie bootstrap modalnym na telefony komórkowe

Question

na to pytanie wydaje się, że został poproszony kilka razy na github ale nie natknąć się żadnych rozwiązań: https://github.com/twitter/bootstrap/issues/1399

jak można być modalny pionowo ustawione poprawnie na małych ekranach ?

Answer 1

Edycja: od wersji Bootstrap 2.0.2 to już nie problem. Zasadniczo bootstrap implementuje teraz rozwiązanie zaproponowane poniżej, które zostawiam tutaj w celach referencyjnych.

Ogólnie rzecz biorąc, na małych ekranach modemy wypełnią większość okna, więc pozycjonowanie względem przycisku, który uruchomił modalny, nie ma zbytniego sensu. Co zwykle zrobić to nadpisywanie modalnego pozycję Telefony:

@media (max-width: 767px) { 
    .modal { 
     top: 20px; 
     // negative left margin to position horizontally. 
     margin: 0 0 0 -280px; 
     // already in modals.less, just copied for clarification: 
     left: 50%; 
     position: fixed; 
    } 
} 

(jest to w mniej czystych rozwiązań CSS wygląda podobnie).