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

Question

我试图在google地图上覆盖一个引导容器。

参考：How to float a div over Google Maps?

我已设法使用上述方法在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