Alex Rivera | Logout

Twitter Bootstrap CSS affecting Google Maps

Asked 2012-02-04T13:34:05.763
147

I'm using Twitter Bootstrap, and have a Google map.

Images on the map, such as marker are being skewed by the CSS in Bootstrap.

In the Bootstrap CSS there is:

img {
    border: 0 none;
    height: auto;
    max-width: 100%;
}

When I disable the max-width property using Firebug, the marker image appears as normal. How can I prevent the Bootstrap CSS from affecting the Google maps images?

google-maps twitter-bootstrap css
Edit
Report

1 Answer

2

Changing the #MapCanvas didn't work for us using gmap4rails gem, but did when we changed to 

.map_container img {
    max-width: none;
}

.map_container label {
    width: auto; display:inline;
}
answered 2013-05-17T10:22:42.930

Your Answer