如何不弄亂造型使用CSS構架時

我使用谷歌地圖API V3與Twitter的引導和這裏就是我得到了。標記甚至不能被識別爲標記，縮放工具也不見了。 enter image description here 如何不弄亂造型使用CSS構架時

看起來像Twitter的助推器搞亂了地圖畫布的樣式有沒有辦法就如何從一個特定的框架樣式排除元素？或者只是簡單地將樣式重置在地圖畫布上，以便它不受樣式表對twitter引導的影響？

下面是一些代碼除了造型來自Twitter的引導：

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

2012-06-01 user225269

你能後的這個現場演示？ – Blender

我相信這與他們加入

img{ 
    max-width: 100%; 
}

修復建議是這樣做的：

#mapContainer img{ 
    max-width: none; 
}

[更新]

貌似的2.0.4的發佈應該（通過將Change.log我還沒有嘗試過正要）解決此問題

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

2012-06-01 05:07:31 subhaze

我已經先行一步，並嘗試了在Chrome控制檯上： $（「IMG」）的CSS（「最大寬度」，「100％」）似乎沒有任何效果，但我會盡力補充說來。我的代碼 – user225269

你想要與之相反，因爲他們已經將所有圖像設置爲'max-width：100％'，因此您需要將其取消。 '$（'img'）。css（{'max-width'：'none'}）' – subhaze

感謝您的幫助！ – user225269

我與Bootstrap + Google Maps相同的問題。我假設你正在使用其他CSS文件（在你的加入後引導文件），所以爲了「覆蓋」中所含#map容器中的圖像，風格，胡斯托使用像在自己的CSS代碼如下文件：

#mapContainer img{ 
    max-width: none; 
}

就像subhaze說。它對我很好。

希望這可以幫助你。

2012-11-01 04:52:15

回答