ブートストラップの応答性を維持しながらGoogleマップ上にdivを浮かべる - css、twitter-bootstrap、google-maps

私はグーグルマップの上にブートストラップコンテナを重ねようとしています。

参照する Googleマップの上にdivを浮かべるには？

Googleマップの上にdivをオーバーレイできた上記の方法を使用します。しかし、それを実現するためには、相対配置ラッパー内で絶対配置を使用することによって実現しています。つまり、オーバーレイは反応しません。レスポンシブブートストラップクラスをGoogleマップにオーバーレイする方法はありますか？ありがとう。

回答：

地図は絶対的に配置することができ、コンテナは地図上に相対的に配置することができる。

<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