Float div over google maps while keeping bootstrap responsive
I am trying to lay out a download container via google maps.
Referring to: How to float a div over Google Maps?
I was able to overlay a div on google maps using the above method. However, it does this by using absolute positioning in a relative positional wrapper to achieve this. This means the overlay is not responsive. Is there a way so that I can overlay responses to the bootstrap bootstrap class on google map? Thank.
+3
source to share
1 answer
The map can be absolutely positioned and the container can be positioned relative to 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 the pen here: http://codepen.io/anon/pen/sojbd
+7
source to share