Tôi đã tải xuống ví dụ về Twitter Bootstrap và tạo một dự án đường ray đơn giản với nó. Tôi đã sao chép css khi cần thiết và nó hiển thị tốt. Tôi cũng đã sao chép js và mọi thứ hoạt động tốt trên máy tính để bàn của tôi: nó sắp xếp lại trang khi tôi thay đổi kích thước trình duyệt của mình. Khi sử dụng một số "công cụ kiểm tra thiết kế đáp ứng" với các kích thước khác nhau, nó hoạt động rất tốt.
Vấn đề tôi gặp phải là trên iPhone của mình: nó hiển thị giống như trên máy tính để bàn của tôi.
Khi tôi thử trang Ví dụ về Bootstrap Hero (là trang mà tôi đã bắt đầu), nó hoạt động rất tốt trên iPhone của tôi.
Điều gì có thể xảy ra? Tôi hầu như không liên quan đến bất kỳ CSS nào, tôi chỉ thêm một phần đệm trên footer.
FYI, CSS tôi đã thay đổi là tôi đang liên kết ứng dụng của mình application.cssvới nội dung sau:
/* Application stylesheet */
@import url(bootstrap.css);
@import url(bootstrap-responsive.css);
/* Body */
body {
padding-top: 60px;
padding-bottom: 40px;
}
/* Footer */
footer {
padding: 20px 0;
}