我正在使用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>
它应该在中型设备(大于720像素)中以3列可见,但隐藏在少于中型设备中。
这是一个片段
https://jsfiddle.net/n7oo7dLk/
提前致谢。
在Bootstrap 4 Beta中删除了hidden-*
类。现在,d-*
显示类可用于响应可见性......
例如,hidden-md-down
现在将是:d-none d-lg-block