Bootstrap 4: Как спрятать блок на маленьких экранах?

Question

[DanaLapka]

Bootstrap 4: Как спрятать блок на маленьких экранах?

Comments

[Иван]

ну а самому в медиа-запросах прописать религия не позволяет?)

Answer 1

[Антон Антон]

https://getbootstrap.com/docs/4.0/migration/#utilities

Made display utilities responsive (e.g., .d-none and d-{sm,md,lg,xl}-none).
Dropped the bulk of .hidden-* utilities for new [display utilities]((/docs/4.0/utilities/display/). For example, instead of .hidden-sm-up, use .d-sm-none. Renamed the .hidden-print utilities to use the display utility naming scheme. More info under the Responsive utilities section of this page.
Added .float-{sm,md,lg,xl}-{left,right,none} classes for responsive floats and removed .pull-left and .pull-right since they’re redundant to .float-left and .float-right.

Answer 2

[Денис Евра]

В bootstrap4 есть классы d-block и d-none - вот вокруг них и строится скрытие блоков.

Я приведу несколько примеров, чтобы было понятно:

1) Чтобы скрыть блок только на sm используйте связку классов d-sm-none d-md-block - т.е вы явно скрываете блок на sm и делаете его видимым на md и выше (на xs блок так же будет виден)
2) Чтобы скрыть блок на xs используйте связку классов d-none d-sm-block - блок будет скрыт на xs и виден на всех остальных размерах

А вот всякие hidden-md-up и hidden-md-up, не смотря на кажущуюся удобность, были выпилены из бутстрапа4 после альфы.

Answer 3

[Robert Bl]

Bootstap - 3
.hidden-xs
.hidden-sm
.hidden-md
.hidden-lg

Answer 4

[Sticher78]

Нормально ответил, чо.
Только тут разговор о 4-м бустрапе, и там всё по-другому, если чо.

hidden-md-up - показывается всё, что выше "md"-разрешения
hidden-md-down - скрывается всё, что выше "md"-разрешения

Вы что все такие беспомощные-то, а?
Самим-то погуглить сложно?

https://v4-alpha.getbootstrap.com/layout/responsiv...

Comments

[Игорь]

На всякий случай.
Эту фишку выпилили из BS-4