【问题标题】: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 之间的设备。但是,它不会隐藏 SmallExtra Small 设备上的元素。

    如果你想在 Medium 及以下设备上隐藏元素,最好使用.visible-lg-{displayType},其中{displayType}blockinline 或@987654332 @(例如.visible-lg-block)。

    【讨论】:

    【解决方案2】:

    您可以同时使用 .hidden-md.hidden-sm.hidden-xs 类。我没有听说过你要使用的那个。

    【讨论】:

      【解决方案3】:

      将您的引导程序版本更新为 4:Bootstrap V4

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2014-09-04
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2012-11-16
        • 1970-01-01
        相关资源
        最近更新 更多