Bootstrap CSS覆盖了KML CSS

Question

我创建了一个弹出框，一旦我的Google地图使用Bootstrap代码打开就会显示。可在此处找到：http://userpages.flemingc.on.ca/~catam/carrie2.html

Bootstrap弹出框引用了我的HTML中的外部样式表，可在此处找到：http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css

我的问题是，Bootstrap CSS在我的KML图层的信息窗口中覆盖了我的表格的样式化。我尝试将KML图层中的样式ID命名为＆＃34; shp2kml＆＃34;成功地将表格样式化以在Google地球中显示，但是一旦我发布了KML图层并在我的HTML中引用它，该样式就会被Bootstrap CSS覆盖。

在我的地图代码中，KML层的编写方式如下：

//layer 5 Schools
        layers [5] = new google.maps.KmlLayer('https://docs.google.com/uc?authuser=0&id=0B79b02nBK5vkckJvUlEzS0VuREU&export=download',
 {preserveViewport: false, suppressInfoWindows: false});

理想情况下，我希望Bootstrap代码都能正常工作，并且让我的信息窗口像我最初在Bootstrap代码之前那样风格化：http://userpages.flemingc.on.ca/~catam/collab3.html

Answer 1

确保在KML CSS之前和调用KML脚本之前加载Bootsrap CSS。