如何以最小的 bootstrap 3 媒体分辨率隐藏 div

Question

我使用最新的 bootstra 3.x。

当浏览器 window 非常小（智能手机）并且 bootstrap 超小（xs）采取行动时，如何隐藏某个 div？

Answer 1

bootstrap xs 在屏幕减小到 767px 和 min 后采取行动。你只需要创建一个媒体查询

@media (max-width:767px){
    .div-to-hide{
        display:none
    }
}

<div class="div-to-hide">
     ...div content...
</div>

Answer 2

只需使用 hidden-xs 响应实用程序 class： http://getbootstrap.com/css/#responsive-utilities