百度地图api的覆盖物样式与bootstrap样式冲突解决办法

最近使用百度地图api  发现标注样式出现了问题

label左侧 宽度变得非常窄

正常情况下应该是下面这样的：

 

浪费了很多时间，最后找到了解决方案

原来是boostrap样式和百度地图样式冲突了。

 

 

解决办法：

.baidu-maps label {
  max-width: none;
}

然后对应的map对应的div，加一个class  ="baidu-maps"

 

 

这样就正常了