title: Bootstrap fullscreen google maps with navbar
body: <p>I have a full screen google map application with a navbar on the top.</p>
  
  <p>So i have a setup like this:</p>
  
  <pre><code>&lt;div class="navbar"&gt;
      &lt;nav bar stuff......&gt;
  &lt;/div&gt;
  &lt;div id="mapcanvas"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>with the mapcanvas element having height and width to be 100%.</p>
  
  <p>However, the mapcanvas seems to overflow out the page and the the entire page could scroll down the page by the amount of the navbar.</p>
  
  <p>How would i go about fixing that?</p>