@peterpeterparker @mdo There was no typo at all! 🤥
🌀 Roll back to .d-none .d-md-block .d-xl-none please! 👍

@josmaissan are you sure?

.d-none .d-md-block .d-xl-none doesn't display the content on large screen size because of .d-xl-none

this doesn't match the explanation text "hide the element for all screen sizes except on medium and large devices"

display on large devices = xl != .d-xl-none

@peterpeterparker Sure!

Large =! eXtra Large

medium screens .d-md-…
large screens is .d-lg-…
extra large screens is .d-xl-…
on V4

What you make of it could even be simplified to .d-none .d-md-block

Why not, you do a PR with something like the following?

To show an element only on a given interval of screen sizes you can combine one .d--none class with a .d--* class, for example .d-none .d-md-block will hide the element for all screen sizes except on medium devices.

or

To show an element only on a given interval of screen sizes you can combine one .d--none class with a .d--* class, for example .d-none .d-md-block .d-xl-block will hide the element for all screen sizes except on medium and extra large devices.

@peterpeterparker You don't understand how it works I think.
In this case it is
.d-none .d-sm-none .d-md-block .d-lg-block d-xl-none
simplified to
.d-none .d-md-block d-xl-none
Just a roll back will do. 🌀🤓

@josmaissan ok, as you want

@mdo you revert the PR or should I provide a new one to revert this?

@peterpeterparker Hope you understand the mistake, otherwise I can make a PR for it

@josmaissan be my guest, do the PR