根據水平瀏覽器視圖隱藏div

Question

我使用Twitter的Bootstrap 2與fluid-layout（響應式設計）並且想要隱藏div-box（如果瀏覽器的水平尺寸小於800像素）。

我該怎麼做？

Answer 1

您可以將自定義類到要隱藏和display:none屬性添加到它遮住一個@media查詢針對您所選擇的寬度，像這樣裏面的元素：

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

剛請確保將@media查詢方式放在您的自定義樣式表的末尾。