javascript - 特定分辨率时隐藏html元素

标签 javascript html css twitter-bootstrap-3

我正在使用 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/

相关文章:

javascript - 当链接已经有 anchor 滚动时滚动到另一个页面上的位置

javascript - 将相同的类和事件绑定(bind)到多个动态生成的元素

javascript - 点击后将数据输入到文本框

javascript - 我如何让图像像在谷歌相册 View 中那样流动

html - CSS布局随字体样式变化

javascript - 如何避免在站点范围内的 javascript 文件顶部出现大量条件实例化?

javascript - 向左浮动菜单,我哪里错了?

jquery - 在 jQuery 中,如何在固定高度的父级中制作幻灯片动画?

html - 为什么我不能居中这个表格?

javascript - jquery ui 自动完成样式问题