隐藏Derek Eder的融合表模板的左侧边栏

时间:2015-07-13 08:36:08

标签: twitter-bootstrap google-fusion-tables

如何隐藏Fusion table template的左侧边栏? 在移动设备的宽度上,左侧边栏会显示在地图的顶部。 如何将其隐藏在可折叠的导航栏中? 我有几个自定义过滤器。能够在移动设备上隐藏它们会很高兴。否则,您需要向下滚动才能看到地图,这不是用户友好的。谢谢!

好的,但这只能解决部分问题。左侧边栏应显示在里面 *div class="collapse navbar-collapse"* 这样,当用户点击 navbar 时,它会弹出。像this

一样

我刚刚发现this website具有相同的功能,即一方面在桌面版本中显示左侧边栏,另一方面在移动版本中折叠侧边栏。 并the related stackoverflow question

the accepted render view只会折叠边栏而不会将其置于移动版本的顶部;相反,它把它放在左边。

我不确定将左侧边栏折叠并在移动版本中显示在顶部是否是微不足道的?

2 个答案:

答案 0 :(得分:1)

您可以这样做:

dynamic

它说,当你的窗口宽度低于760px时,你可以通过id =" yourelement"来制作元素目标。要隐藏。

答案 1 :(得分:1)

您还可以使用适用于较窄屏幕的其他模板:https://github.com/derekeder/FusionTable-Map-Template#iframe-template