Скрыть левую боковую панель шаблона таблицы сплава Дерека Эдера

Question

Как скрыть левую боковую панель Fusion table template? На ширине мобильного телефона левая боковая панель появится вверху карты. Как скрыть это внутри складного navbar? У меня есть несколько настраиваемых фильтров. Было бы неплохо спрятать их на мобильном телефоне. В противном случае вам нужно прокрутить вниз, чтобы увидеть карту, которая не является удобной для пользователя. Благодаря!

---

Хорошо, но это только решает часть проблемы. Левая боковая панель должна отображаться внутри *div class="collapse navbar-collapse"* Так что, когда пользователь нажимает navbar, он всплывает. Как this

---

Я только что узнал, что this website имеет ту же функциональность, то есть шоу осталось врезка в настольной версии, с одной стороны, и коллапсом боковой панели в мобильной версии, с другой стороны. И the related stackoverflow question.

Но the accepted render view только сворачивает боковую панель, не помещая ее наверху в мобильную версию; вместо этого он положил его налево.

Я не уверен, что тривиально свернуть левую боковую панель и показать ее наверху в мобильной версии?

Answer 1

Вы можете сделать что-то вроде этого:

@media(max-width:760px) 
{ 
    #yourelement{ 
    display:none; 
    } 
} 

Это Сэя, когда окно находится под 760px шириной, вы делаете цель элемента по идентификатору = «yourelement» будет прятаться.

Answer 2

Вы также можете использовать другой шаблон, предназначенный для более узких экранов: https://github.com/derekeder/FusionTable-Map-Template#iframe-template