Bootstrap 4 hidden-X-（向下/向上）类不起作用

Question

我使用的是Bootstrap v4.0测试版，我已经检查了这个迁移文档

datasource-proxy level

但是没有办法让隐藏式X-up或隐藏-X-down工作。以下是我的代码示例：

    <div class="container">
      <div class="row">
        <div class="col-md-3 hidden-md-down">
          <p class="title">Join us</p>
          <p class="subtitle">Just click on the button below</p>
          <p class="link"><a href="#" class="outstanding-link">the button below</a></p>
        </div>
      </div>
    </div>

它应该在中型设备中显示3列（大于720px），但隐藏在少于中型设备中。

这是一个snipet

https://v4-alpha.getbootstrap.com/migration/#responsive-utilities

提前感谢。

Answer 1

Bootstrap 4 Beta中已删除hidden-*个类。现在，d-*显示类可用于响应可见性......

例如，hidden-md-down现在为：d-none d-lg-block

https://www.codeply.com/go/VsOfRxuPfo

另见this answer和the full list of Bootstrap 4 beta changes。