Bootstrap 4隐藏的X(向下/向上)类不起作用 [英] Bootstrap 4 hidden-X-(down/up) class not working

问题描述

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

I'm using Bootstrap v4.0 beta and I have checked this migration doc

https://v4-alpha.getbootstrap.com/migration/#sensitive -实用程序

，但是无法使"X向上隐藏"或"X向下隐藏"工作.这是我的代码示例:

but there's no way to make the hidden-X-up or hidden-X-down work. Here is an example of my code:

    <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列，但隐藏在中等设备以下.

it should be visible with 3 columns in a medium devices (greather than 720px) but hidden in less than a medium device.

这是一个摘录

https://jsfiddle.net/n7oo7dLk/

提前谢谢.

推荐答案

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

The hidden-* classes have been removed in Bootstrap 4 Beta. Now the d-* display classes can be used for responsive visibility...

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

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

另请参见此答案和

Also see this answer and the full list of Bootstrap 4 beta changes.

这篇关于Bootstrap 4隐藏的X(向下/向上)类不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！