【问题标题】:Twitter bootstrap responsive utilitiesTwitter 引导响应实用程序
【发布时间】:2016-01-21 09:41:14
【问题描述】:
我正在尝试在中等屏幕尺寸(及以下)上隐藏 div。我读到你可以使用Bootstrap's responsive utilities - .hidden-md-down,但是在我的 CSS 中找不到这个类(我从 getbootstrap.com 下载的)。
我尝试自定义我的下载以仅包含 CSS 部分中的响应式实用程序或下载所有可用选项,并且没有一个档案包含此类的 .css 文件。
我做错了什么?
【问题讨论】:
标签:
html
css
twitter-bootstrap
【解决方案1】:
我不知道.hidden-md-down 应该是什么,但正确的类是.hidden-md(根据documentation)。 .hidden-md 将隐藏 Bootstrap 定义为 Medium Devices 的元素 - 宽度在 992px 和 1199px 之间的设备。但是,它不会隐藏 Small 或 Extra Small 设备上的元素。
如果你想在 Medium 及以下设备上隐藏元素,最好使用.visible-lg-{displayType},其中{displayType} 是block、inline 或@987654332 @(例如.visible-lg-block)。
【解决方案2】:
您可以同时使用 .hidden-md、.hidden-sm 和 .hidden-xs 类。我没有听说过你要使用的那个。