<p dir="auto">I just noticed that the definition for the <code class="notranslate">img</code> element includes the <code class="notranslate">max-width</code> property. This seems to break the controls for the Google Maps v3 API, causing very odd graphics to load for the zoom control.</p>
<p dir="auto">Placing in some additional CSS to overwrite the Bootstrap definition fixes the problem. The CSS I used was: .</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="gmnoprint img {
    max-width: none
}"><pre class="notranslate"><code class="notranslate">gmnoprint img {
    max-width: none
}
</code></pre></div>
<p dir="auto">First of all thanks for your fantastic work. It does SAVE me a lot of time.</p>
<p dir="auto">When I put Google Maps into Bootstrap layout, img tag in Google Maps breaks because Bootstrap set <strong>img max-width to 100%</strong>. When I comment max-width, it's working find but I'm not sure whether it'll break something else in Bootstrap or not.</p>
<p dir="auto">Bootstrap and Google Maps<br>
<a href="http://jsfiddle.net/jhnRD/1/" rel="nofollow">http://jsfiddle.net/jhnRD/1/</a></p>
<p dir="auto">Google Maps without Bootstrap<br>
<a href="http://jsfiddle.net/aVx8L/" rel="nofollow">http://jsfiddle.net/aVx8L/</a></p>
<p dir="auto">Cheers,</p>