title: Google Maps with Bootstrap not responsive
body: <p>I'm using bootstrap and I embedded Google Maps API 3.</p>
  
  <p><code>#map_canvas</code> isn't responsive; it's a fixed width.</p>
  
  <p>Also, if I use <code>height: auto</code> and <code>width: auto</code> the map doesn't show up in the page.</p>
  
  <p>Why?</p>
  
  <pre><code>&lt;style type="text/css"&gt;
    body {
      padding-top: 60px;
      padding-bottom: 40px;
    }
  #map_canvas {
     height: 400px;
      width: auto;
    }
  &lt;/style&gt;
  
  &lt;div class="container"&gt;
   &lt;div class="row"&gt;
    &lt;div class="span6"&gt;
     &lt;div id="map_canvas"&gt;&lt;/div&gt;
    &lt;/div&gt;
   &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>