divを水平ブラウザビューポートに応じて非表示

Question

私はfluid-layout（レスポンシブデザイン）のTwitterのBootstrap 2を使用し、ブラウザの水平サイズが800pxより小さい場合はdivボックスを非表示にします。

どうすればいいですか？

Answer 1

あなたがそうのように、あなたはあなたの選択の幅を対象@mediaクエリ内でそれを隠すためにそれにdisplay:none財産を隠し、追加したい要素にカスタムクラスを適用することができます：ちょうど

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

カスタムスタイルシートの最後に@mediaのクエリ方法を配置してください。