html - Twitter Bootstrap 响应实用程序

标签 html css twitter-bootstrap

我试图在中等屏幕尺寸(及以下)上隐藏 div。我读到您可以使用 Bootstrap's responsive utilities - .hidden-md-down,但是在我的 CSS(我从 getbootstrap.com 下载的)中找不到这个类。

我尝试自定义下载以仅包含 CSS 部分中的响应式实用程序或下载所有可用选项,但没有一个存档包含具有此类的 .css 文件。

我做错了什么?

最佳答案

我不知道什么.hidden-md-down应该是,但正确的类是 .hidden-md (根据 documentation )。 .hidden-md将隐藏 Bootstrap 定义的中型设备(宽度在 992 像素到 1199 像素之间的设备)上的元素。但是,它不会隐藏小型超小型设备上的元素。

如果您想在中型及以下设备上隐藏该元素,最好使用 .visible-lg-{displayType} ,其中{displayType}block , inlineinline-block (例如 .visible-lg-block )。

Table from Bootstrap's Documentation

关于html - Twitter Bootstrap 响应实用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34920087/

相关文章:

javascript - 如何使用 JavaScript 手动重新加载 Google map

css - 如何在不移动任何东西的情况下在输入下添加跨度?

jquery - HTML5 的跨浏览器可缩放图像

css - 防止伪元素自己断行

html - svg 过滤器不适用于 FF with godaddy

css - Bootstrap Hamburger 菜单在 iPad mini 上不显示链接

HTML 打印 - 不同的纸张尺寸

html - 中心表 ==> 宽度 :100%; margin: 0 auto;) not working

javascript - 如何删除选择标签的所有选项并分配一个新的项目列表来选择javascript中的选项?

html - webkit边框半径结合css3 translate3D出血