I'm trying to place a Google Map within a Boostrap layout, using a fixed width on a traditional web page and using a responsive layout when viewed on a mobile device.

I've read how Google Maps pose a problem with the Bootstrap layout and the fixes available. I used this snippet of code, which was listed as a fix on several sites:

```
#map_canvas label { width: auto; display:inline; }
#map_canvas img { max-width: none; max-height: none; }

```

This works for a fixed layout, but does not provide any responsiveness when viewed on a mobile device. 

Is there any way to achieve both of these goals while using Bootstrap? Any insight or experience shared is greatly appreciated.