特定分辨率时隐藏html元素

Question

我在用twitter bootstrap 3.0.当屏幕分辨率变小时,菜单变为移动视图.我有一个div包含图片的滑块,所以div当我的菜单更改为移动视图时(当屏幕分辨率很小时)我想要隐藏它.

我试图css在我的div上应用类visible-desktop visible-tablet但它不起作用.

还有其他办法吗？

Answer 1

如果您使用的是Bootstrap v3,则会更改响应式实用程序类名称.请参阅http://getbootstrap.com/css/#responsive-utilities

你可能想要 .hidden-xs

迁移从2.x到3.0也记录了这一点

Answer 2

考虑使用媒体查询.就像是

@media screen and (max-width:480px) {
    .mydiv {display:none}
}