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

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

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

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

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

<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