Отображать div в качестве боковой панели только на мобильном устройстве только с помощью начальной загрузки

Question

Я хотел бы использовать div в качестве наложения боковой панели только на мобильном устройстве. Кроме мобильного устройства он должен действовать как обычный div.

Образец кода:

<div class="row">
   <div class="col-lg-3" id="sidebar">
     overlay sidebar only on mobile device
   </div>
   <div class="col-lg-9 col-12">
   </div>
</div>

Как мне заставить id="sidebar" выступать в качестве обычного div и боковой панели на мобильном устройстве.

html css bootstrap-4

-1

sanoj lawrence 23 Окт 2019 в 12:46

Answer 1

Вы можете достичь с помощью медиа-запроса

@media screen and (max-width:767px){ //targets the mobile devices
 #sidebar{
   /*css code goes here*/
 }
}

0

JustCode 23 Окт 2019 в 09:56

Answer 2

Лучшим способом было бы использовать jquery, чтобы свернуть его ширину, когда был достигнут размер для мобильных экранов

0

Ajumobi Olamide 23 Окт 2019 в 09:56

Answer 3

Вы должны использовать свойство d-block или d-none так:

d-sm-none or d-sm-block

0

Umut Eskitoğlu 23 Окт 2019 в 14:34

Отображать div в качестве боковой панели только на мобильном устройстве только с помощью начальной загрузки

3 ответа

Похожие вопросы

Новые вопросы

html