Как в bootstrap5 спрятать элемент на мобильном устройстве?
Как в bootstrap или с помощью css, скрыть элемент на мобильном устройстве?
У меня есть тег на странице, который должен отображаться на десктопе, но на мобильных устройствах его не должно быть видно.
Как мне это сделать?
У меня есть тег на странице, который должен отображаться на десктопе, но на мобильных устройствах его не должно быть видно.
Как мне это сделать?
Нравится:
1
Карма:
2
Может быть полезно
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Скрыть элементы на мобильных устройствах и устройствах с маленьким разрешением в bootstrap5 можно с помощью классов:
d-none - скрывает элемент на всех девайсах, но при использовани с классом d-md-block, скрытие происходит только на устройствах с xs и sm разрешением.
Полный список скрытия элементов, доступный для bootstrap 5.*:
d-none d-md-blockd-none - скрывает элемент на всех девайсах, но при использовани с классом d-md-block, скрытие происходит только на устройствах с xs и sm разрешением.
Полный список скрытия элементов, доступный для bootstrap 5.*:
| Hidden on all | .d-none |
| Hidden only on xs | .d-none .d-sm-block |
| Hidden only on sm | .d-sm-none .d-md-block |
| Hidden only on md | .d-md-none .d-lg-block |
| Hidden only on lg | .d-lg-none .d-xl-block |
| Hidden only on xl | .d-xl-none .d-xxl-block |
| Hidden only on xxl | .d-xxl-none |
| Visible on all | .d-block |
| Visible only on xs | .d-block .d-sm-none |
| Visible only on sm | .d-none .d-sm-block .d-md-none |
| Visible only on md | .d-none .d-md-block .d-lg-none |
| Visible only on lg | .d-none .d-lg-block .d-xl-none |
| Visible only on xl | .d-none .d-xl-block .d-xxl-none |
| Visible only on xxl | .d-none .d-xxl-block |
Нравится:
1
Карма:
3