Ẩn div tùy thuộc vào ngang browserviewport

Question

Tôi sử dụng Bootstrap 2 của Twitter với bố cục lỏng (thiết kế đáp ứng) và muốn ẩn một hộp div nếu kích thước ngang của trình duyệt nhỏ hơn 800px.

Tôi có thể làm như thế nào?

Answer 1

Bạn có thể áp dụng một lớp tùy chỉnh để các yếu tố bạn muốn ẩn và thêm một tài sản display:none với nó để che giấu nó bên trong một truy vấn @media nhắm chiều rộng của sự lựa chọn của bạn, như vậy:

@media (max-width: 800px) { 
    .hidden-800 { 
     display:none !important; 
    } 
} 

Just đảm bảo đặt cách truy vấn @media ở cuối biểu định kiểu tùy chỉnh của bạn.