title: Bootstrap: Using Google Map With Fixed and Responsive Layouts
body: <p>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.</p>
  
  <p>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:</p>
  
  <pre><code>#map_canvas label { width: auto; display:inline; }
  #map_canvas img { max-width: none; max-height: none; }
  </code></pre>
  
  <p>This works for a fixed layout, but does not provide any responsiveness when viewed on a mobile device. </p>
  
  <p>Is there any way to achieve both of these goals while using Bootstrap? Any insight or experience shared is greatly appreciated.</p>