Я хотел бы использовать 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 и боковой панели на мобильном устройстве.

-1
sanoj lawrence 23 Окт 2019 в 12:46

3 ответа

Лучший ответ

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

@media screen and (max-width:767px){ //targets the mobile devices
 #sidebar{
   /*css code goes here*/
 }
}
0
JustCode 23 Окт 2019 в 09:56

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

0
Ajumobi Olamide 23 Окт 2019 в 09:56

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

d-sm-none or d-sm-block
0
Umut Eskitoğlu 23 Окт 2019 в 14:34
58519999