CSS 프레임 워크를 사용할 때 스타일을 어지럽히 지 않는 방법

Question

Google지도 API V3을 Twitter 부트 스트랩과 함께 사용하고 있습니다. 마커는 마커로 인식 될 수없고 줌 도구는 사라집니다.

트위터 부스트랩이지도 캔버스의 스타일링을 엉망으로 만들고있는 것처럼 보입니다. 특정 프레임 워크에서 스타일을 지정하지 않도록 요소를 제외하는 방법은 무엇입니까? 또는지도 캔버스에서만 스타일을 다시 설정하면 트위터 부트 스트랩에 대한 스타일 시트의 영향을받지 않습니다.

#mapContainer img{ 
    max-width: none; 
} 

: 나는 그들을

img{ 
    max-width: 100%; 
} 

는 수정이를 제안했다 추가과 관련이있다 생각

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

Answer 1

: 여기

트위터 부트 스트랩에서 스타일을 제외하고 몇 가지 코드를입니다 여기를 참조하십시오 https://github.com/twitter/bootstrap/issues/1552

[업데이트]

는 내가 가진

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

Answer 2

(을은 Change.log에 의해 난 그냥가는 그것을 시도하지했습니다 )이 문제를 해결해야한다 2.0.4의 출시 같은데 동일한 문제가 Bootstrap + Google Maps입니다. 나는 당신의 CSS 파일을 추가하고 (부트 스트랩 파일에 추가), #map 컨테이너에 포함 된 이미지의 스타일을 "덮어 쓰려면"자신의 CSS에서 아래 코드와 같은 것을 사용하고 있다고 가정합니다. 파일 :

#mapContainer img{ 
    max-width: none; 
} 

부끄러움과 같습니다. 그것은 나를 위해 잘 작동했습니다.

희망이 도움이됩니다.