Căn dọc của phương thức bootstrap trên điện thoại di động

Question

Câu hỏi này dường như đã được hỏi một số lần trên github nhưng tôi đã không gặp bất kỳ giải pháp: https://github.com/twitter/bootstrap/issues/1399

cách phương thức có thể được sắp xếp theo chiều dọc đúng trên màn hình nhỏ ?

Answer 1

Chỉnh sửa: Kể từ Bootstrap 2.0.2, đây không còn là vấn đề nữa. Về cơ bản, bootstrap bây giờ thực hiện giải pháp được đề xuất bên dưới, mà tôi sẽ để lại ở đây cho mục đích tham khảo.

Nói chung, trên các loại màn hình nhỏ sẽ điền vào hầu hết cửa sổ của bạn, do đó việc định vị liên quan đến nút kích hoạt phương thức không có ý nghĩa nhiều lắm. Những gì tôi thường làm là chỉ ghi đè vị trí phương thức cho điện thoại:

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

(Đây là các giải pháp CSS tinh khiết, tương tự).