3

I'm trying to over lay a bootstrap container over google maps.

Referring to : How to float a div over Google Maps?

I've managed to overlay a div over google maps using the above method. However, it is doing so by using absolute positioning within a relative-positioned wrapper to achieve that. That means that the overlay is not responsive. Is there a way I can overlay responsive bootstrap classes over google map? Thanks.

Community
  • 1
  • 1
user1829478
  • 113
  • 1
  • 8

1 Answers1

7

The map can be positioned absolutely and the container can be positioned relatively over the map.

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

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

see here in a pen: http://codepen.io/anon/pen/sojbd

Martin Malinda
  • 1,573
  • 11
  • 20