Как в bootstrap5 спрятать элемент на мобильном устройстве?

  1. Категория:
  2. Дизаин
  3. css
Автор: brippin Дата: 21:18 08-09-2024 Просмотров: 109 Ответов: 1
Как в bootstrap или с помощью css, скрыть элемент на мобильном устройстве?
У меня есть тег на странице, который должен отображаться на десктопе, но на мобильных устройствах его не должно быть видно.
Как мне это сделать?
Нравится:
Loading...
1
Карма: 2
Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Автор: osVald
Дата: 23:57 08-09-2024
Скрыть элементы на мобильных устройствах и устройствах с маленьким разрешением в bootstrap5 можно с помощью классов:
d-none d-md-block


d-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

Нравится:
Loading...
1
Карма: 3
© 2024 Zambers.Ru All Rights Reserved.

Пользуясь нашим сайтом, вы соглашаетесь с тем, что мы используем файлы cookies