Не работает “hidden” в bootstrap 4

Не скрывает элементы в bootstrap 4, при подключении bootstrap 3 все работает хорошо

Example

Resize this page to see how the text below changes:

This text is hidden on an EXTRA SMALL screen.

This text is hidden on a SMALL screen.

This is text hidden on a MEDIUM screen.

This is text hidden on a LARGE screen.

Ответ

В beta версии в очередной раз все переиграли и теперь группа классов имеет вид:
.d-*-none
Стоит так же обратить внимание, что теперь условия применяются не на конкретный диапазон, например, только на medium, а на medium и больше. Поэтому был убрал класс с xs, так как сейчас это эквивалентно не показываться на экранах xs и больше, что означает - никогда не показывать.
Пример:

Example

Resize this page to see how the text below changes:

This text is hidden on an EXTRA SMALL screen and larger.

This text is hidden on a SMALL screen and larger.

This is text hidden on a MEDIUM screen and larger.

This is text hidden on a LARGE screen and larger.