Przeprowadź div na mapach google zachowując jednocześnie responsywność bootstrap - css, twitter-bootstrap, google-maps

Próbuję położyć kontener ładujący na mapach google.

Odnosi się do : Jak unosić div w Google Maps?

Udało mi się nałożyć div na mapy googleprzy użyciu powyższej metody. Robi to jednak, wykorzystując pozycjonowanie bezwzględne w opakowaniu pozycjonowanym względnie, aby to osiągnąć. Oznacza to, że nakładka nie reaguje. Czy istnieje sposób, w jaki mogę nakładać responsywne klasy bootstrap na mapę Google? Dzięki.

Odpowiedzi:

Mapa może być ustawiona absolutnie, a pojemnik może być ustawiony względem mapy.

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

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

zobacz tutaj w piórze: http://codepen.io/anon/pen/sojbd