我正在使用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
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
