Адаптация под мобильные устройства 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
-
21:33
Виртуальный выделенный сервер (VDS) становится отличным выбором
-
22:26
-
22:40
-
08:34
-
15:01
-
17:01
-
11:24
-
10:16
-
17:54
- Почему SERVER_ADDR имеет не тот IP 47687 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30538 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23715 visits
- Как через css изменить цвет png изображения? 10368 visits
- Blob video url download 9977 visits
- Php curl запрос через прокси с авторизацией 9234 visits
- Работа с captcha vk api 8112 visits
© "hostciti.net" 15.1.2025 | 22:48