css - Float a div over google maps while maintaining bootstrap responsiveness -

css - Float a div over google maps while maintaining bootstrap responsiveness -

i'm trying on lay bootstrap container on google maps.

referring : how float div on google maps

i've managed overlay div on google maps using above method. however, doing using absolute positioning within relative-positioned wrapper accomplish that. means overlay not responsive. there way can overlay responsive bootstrap classes on google map? thanks.

the map can positioned absolutely , container can positioned relatively on 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 pen: http://codepen.io/anon/pen/sojbd

css twitter-bootstrap google-maps