由于最近离职在家的缘故，终于勤快了一把，稍微改造了下本站的几个地方。其中最主要的改进在于使用了bootstrap布局，不再挑战各位朋友的审美底线，试着让大家进入本站时候，放弃使用2000年前的UI审美观点。只不过目前的工作集中在Blog板块，大家可以试着感受下，初学bootstrap还是比较辛苦的，大家访问 https://www.opengps.cn/blog/index.aspx 凑合感受下我在web前端布局能力上的提升。
但是今天博文里要说的，更多的内容是关于百度地图的lable和bootsrtap的lable冲突问题。冲突本无意，只是巧合，做过百度地图开发的同学知道：lable是百度地图的一个文本控件。做过WEB网页前端CSS样式的同学知道：lable是bootsrtap的一个文本控件。因为都是文本控件，都用了文本控件的英文lable做了属性命名。从而导致问题：当百度地图和bootsrtap同时使用的时候，百度地图的lable会被bootsrtap的lable覆盖掉。这种页面CSS样式布局的问题对于网站前端来讲其实很常见。因此网上已经很多同学就此给出了解决方案，本文直接使用网上同学提供的解决方案：
解决办法，带有百度地图的页面里，或者全局css样式文件里，增加样式：
.baidu-maps label {
max-width: none;
}
然后对应的map对应的div，加一个 class="baidu-maps" 。例如：
<div id="container" class="baidu-maps"></div>
然后百度地图lable样式问题解决！
道理很简单：就是CSS的优先级问题，使用行内样式覆盖了bootstrap的全局样式！
原文地址：
https://www.opengps.cn/Blog/View.aspx?id=72
文章的更新编辑依此链接为准。欢迎关注源站原创文章！