Twitter Bootstrap and Google Maps doesn’t load, grey screen


Took awhile to run down this error and googling wasn’t much help, so figured I’d document it.

Bootstrap by default sets a rule

So that images don’t overflow their spans. However if you’re embedding Google Maps in your site, it messes up the zoom controls. You can override that with max-width: none, easiest way is to make a rule overriding it for just your map’s parent node