我正在使用 twitter bootstrap 3.0
。当屏幕分辨率变小时,菜单变为移动 View 。我有一个 div
包含带有图像的 slider ,所以我想在我的菜单更改为移动 View (当屏幕分辨率较小时)时隐藏该 div
。
我尝试在我的 div visible-desktop visible-tablet
上应用 css
类,但它不起作用。
还有其他办法吗?
最佳答案
2021 更新/Bootstrap 5.1
参见 Display property - Hiding elements
要在超小(纵向移动)屏幕宽度上隐藏元素,请使用
<div class="d-none d-sm-block">
默认情况下隐藏 (.d-none
) 但在小型或大型设备上可见。
2013 年原始答案
如果您使用的是 Bootstrap v3,他们会更改响应式实用程序类名称。参见 http://getbootstrap.com/css/#responsive-utilities
你可能想要.hidden-xs
这也记录在 Migrating from 2.x to 3.0 中
关于javascript - 特定分辨率时隐藏html元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20735302/