Bootstrap 4 hidden-X-(down/up) class 不工作
Bootstrap 4 hidden-X-(down/up) class not working
我正在使用 Bootstrap v4.0 beta 并且我已经检查了这个迁移文档
https://v4-alpha.getbootstrap.com/migration/#responsive-utilities
但是没有办法使 hidden-X-up 或 hidden-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/
提前致谢。
hidden-*
类 已在 Bootstrap 4 Beta 中删除。现在 d-*
显示 类 可用于响应式可见性...
例如,hidden-md-down
现在是:d-none d-lg-block
我正在使用 Bootstrap v4.0 beta 并且我已经检查了这个迁移文档
https://v4-alpha.getbootstrap.com/migration/#responsive-utilities
但是没有办法使 hidden-X-up 或 hidden-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/
提前致谢。
hidden-*
类 已在 Bootstrap 4 Beta 中删除。现在 d-*
显示 类 可用于响应式可见性...
例如,hidden-md-down
现在是:d-none d-lg-block