Адаптация под мобильные устройства bootstrap carousel
Есть два слайда для слайдера, в каждом слайде находится 4 блока с информацией. На десктопе показывает 4 блока, на планшете 2, а на мобильном всё идет в колонку, а не "прячется". Я не могу понять, какой класс нужно задать чтобы на мобильном прятались определенные колонки. d-none d-xs-none d-шоя-только-не-пробовал-none не работает
На компьютере должно быть все 4 блока, на планшете 2 из 4 и на другом слайде остальные 2/4, на телефоне 1/4 3 часа не могу ничего придумать, просто перебираю классы ,прошу вас - помогите чем можете пожалуйста
Использую бс4
<div class="carousel-item justify-content-center">
<div class="row">
<div class="features-item d-flex justify-content-center col-lg-3 col-md-6 col-sm-12">
</div>
<div class="features-item d-flex justify-content-center col-lg-3 col-md-6 col-sm-12">
</div>
<div class="features-item d-flex justify-content-center col-lg-3 col-md-6 col-sm-12">
</div>
<div class="features-item d-flex justify-content-center col-lg-3 col-md-6 col-sm-12">
</div>
</div>
</div>
<div class="carousel-item justify-content-center">
<div class="row">
<div class="features-item d-flex justify-content-center col-lg-3 col-md-6 col-sm-12">
</div>
<div class="features-item d-flex justify-content-center col-lg-3 col-md-6 col-sm-12">
</div>
<div class="features-item d-flex justify-content-center col-lg-3 col-md-6 col-sm-12">
</div>
<div class="features-item d-flex justify-content-center col-lg-3 col-md-6 col-sm-12">
</div>
</div>
</div>Вот таким путем решил -
<div class="features-item justify-content-center col-lg-3 d-lg-flex col-md-6 d-md-flex col-sm-12 d-flex">
Создал 4 слайда, и к каждому слайду добавил такие классы, показать - col-sm-12 d-flex для мобильного устройства / спрятать - col-sm-12 d-none
-
06:53
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
-
20:42
-
09:21
Основные этапы разработки сайта для стоматологической клиники
-
12:26
-
10:30
-
18:43
Продвижение своими сайтами как стратегия роста и независимости
-
22:46
-
06:18
-
12:23
- Почему SERVER_ADDR имеет не тот IP 50299 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31941 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 26275 visits
- Как через css изменить цвет png изображения? 11765 visits
- Blob video url download 11309 visits
- Php curl запрос через прокси с авторизацией 10720 visits
- Работа с captcha vk api 9517 visits
© "hostciti.net" 16.3.2026 | 18:05