twitter-bootstrap – Bootstrap 4 hidden-X-(向下/向上)类不起

发布时间：2020-12-18 00:14:13 所属栏目：安全来源：网络整理

导读：我正在使用Bootstrap v4.0 beta,我已经检查了这个迁移文档 https://v4-alpha.getbootstrap.com/migration/#responsive-utilities 但是没有办法使隐藏的X-up或隐藏-X-down工作.以下是我的代码示例： div class="container" div class="row" div class="col-md

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

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

但是没有办法使隐藏的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>

它应该在中型设备(大于720px)中以3列可见,但隐藏在少于中型设备中.

这是一个狙击手

https://jsfiddle.net/n7oo7dLk/

提前致谢.

解决方法

在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.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!