Jak nie zepsuć stylizacji podczas korzystania ze struktur css

Question

Używam Google Maps API V3 z Twitter Bootstrap i oto co otrzymałem. Znacznik nie może nawet zostać rozpoznany jako znacznik, a narzędzie do powiększania zniknęło.

Wygląda na to, że Twitter boostrap zmywa stylizację płótna mapy, czy istnieje sposób, w jaki sposób wykluczyć element z bycia stylizowanym przez określoną ramkę? Lub po prostu zresetować stylizację tylko na płótnie mapy, aby nie wpłynęło to na arkusz stylów dla twitter bootstrap?

Oto niektóre kodu oprócz stylizacji z twitter bootstrap:

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

Answer 1

wierzę, że ma do czynienia z ich dodanie

img{ 
    max-width: 100%; 
} 

zaproponował poprawkę było to:

#mapContainer img{ 
    max-width: none; 
} 

zobacz tutaj https://github.com/twitter/bootstrap/issues/1552

[aktualizacja]

Wygląda wydaniu 2.0.4 powinno rozwiązać ten problem (ja nie próbowałem prostu przez change.log)

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

Answer 2

miałem ten sam problem z Bootstrap + Google Maps. Zakładam, że używasz dodatkowych plików CSS (dodanych w twoich plikach po bootstrapie), więc aby "nadpisać" ten styl w obrazach zawartych w pojemniku #map, użyj tego kodu jak poniżej w swoim CSS pliki:

#mapContainer img{ 
    max-width: none; 
} 

Tak samo jak w przypadku subhaze. To zadziałało dobrze dla mnie.

Mam nadzieję, że to pomoże.