title: Bootstrap 3 and Google Charts - formatting issue
body: <p>I am working on the prototype for a sales volumes visualization tool and have come across a problem with the size of the Google Geochart being displayed.</p>
  
  <p>This fiddle demonstrates my problem when you follow the steps below: <a href="http://jsfiddle.net/daKzQ/2/" rel="nofollow">http://jsfiddle.net/daKzQ/2/</a></p>
  
  <ol>
  <li>Load the fiddle. Note the size of the Canada map.</li>
  <li>Click on the Data table.  Note the size of the data table.</li>
  <li>Click on the Graphs > Volumes by Province tab to return to the initial screen. The map size has changed!</li>
  <li>Click on the Data tab again. The width of the data table has changed!</li>
  </ol>
  
  <p>These changes to size are the problem.  I want to stick to the original sizes.</p>
  
  <p>I tried doing:</p>
  
  <pre><code>&lt;div id="graph_tab" class="tab-pane active" style="hight:100%;width:100%"&gt;
  </code></pre>
  
  <p>As well as using a number of pixel sizes to prevent this resizing from happing on the containing divs, but with no luck.</p>
  
  <p>Does anyone know how to prevent this resizing?</p>