Cómo no estropear el estilo al usar css frameworks

Question

Estoy usando Google Maps API V3 con Twitter Bootstrap y esto es lo que obtuve. El marcador ni siquiera se puede reconocer como un marcador y la herramienta de acercamiento se ha ido.

Parece que Twitter boostrap está estropeando el diseño del lienzo del mapa ¿hay alguna manera de excluir un elemento del estilo de un determinado marco? ¿O simplemente restablece el estilo en solo el lienzo del mapa para que no se vea afectado por la hoja de estilos de Twitter bootstrap?

Aquí hay un código aparte del estilo del gorjeo de arranque:

<style type="text/css"> 
     html { height: 100% } 
     body{ height: 100%; margin: 0; padding: 0 } 
</style> 

Answer 1

creo que tiene que ver con ellos añadiendo

img{ 
    max-width: 100%; 
} 

sugirió solución fue la siguiente:

#mapContainer img{ 
    max-width: none; 
} 

ver aquí https://github.com/twitter/bootstrap/issues/1552

[Actualización]

Parece que la liberación de 2.0.4 debería resolver este problema (yo no lo he probado sólo va por Change.log)

http://blog.getbootstrap.com/2012/06/bootstrap-2-0-4-released/

Answer 2

que tenía el mismo problema con Bootstrap + Google Maps. Supongo que estás usando archivos CSS adicionales (agregados en tus archivos de arranque), así que para "sobreescribir" ese estilo en las imágenes contenidas en el contenedor #map, justo utiliza algo como el siguiente código en tu propio CSS archivos:

#mapContainer img{ 
    max-width: none; 
} 

Al igual que subhaze said. Funciono bien para mi.

Espero que esto te ayude.