Bootstrap 4 hidden-X-(down/up) 类不工作答案

【问题标题】：Bootstrap 4 hidden-X-(down/up) class not workingBootstrap 4 hidden-X-(down/up) 类不工作
【发布时间】：2018-03-06 21:11:42
【问题描述】：

我正在使用 Bootstrap v4.0 beta 并且我已经检查了这个迁移文档

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

但是没有办法使 hidden-X-up 或 hidden-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>

它应该在中型设备（大于 720 像素）中以 3 列可见，但在小于中型设备中隐藏。

这是一个片段

https://jsfiddle.net/n7oo7dLk/

提前致谢。

【问题讨论】：

标签： twitter-bootstrap bootstrap-4 twitter-bootstrap-4

【解决方案1】：

hidden-* 类已在 Bootstrap 4 Beta 中删除。现在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。

【讨论】：