在保持引导响应性的同时,在谷歌地图上浮动div

Question

我试图在谷歌地图上铺设一个引导容器.

参考:如何在Google地图上浮动div？

我已设法使用上述方法在Google地图上叠加div.然而,它是通过在相对定位的包装器内使用绝对定位来实现这一点.这意味着叠加层没有响应.有没有办法可以覆盖谷歌地图上的响应式bootstrap类？谢谢.

Answer 1

可以绝对定位地图,并且可以将容器相对地放置在地图上.

<div id="content">
<div id="gmap"></div>
<div class="container overlap"></div>
</div>

#gmap {position:absolute;top:0;left:0;}
.overlap {position:relative}

用钢笔看这里:http: //codepen.io/anon/pen/sojbd