我正在使用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