Bootstrap 4 hidden-X- (down / up) class does not work

Question

I am using Bootstrap v4.0 beta and I checked this migration file

https://v4-alpha.getbootstrap.com/migration/#responsive-utilities

but there is no way to do hidden-x-up or hidden-x-down. 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> 

it should be visible with 3 columns on the media (more than 720 pixels), but hidden less than on the average device.

Here is sleeping

https://jsfiddle.net/n7oo7dLk/

early.

Answer 1

The hidden-* classes were removed in the beta version of Bootstrap 4. Now the d-* display classes can be used for flexible visibility ...

For example, hidden-md-down will now be: d-none d-lg-block

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

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