echarts图表堆在一起的问题

在引用echarts插件图标过程中,使用了bootstrap和标签切换功能,导致只有第一个导航栏有图标,后面的导航栏没有。

经过搜索查找,找到了解决方法。

.tab-content > .tab-pane,  
.pill-content > .pill-pane {  
 display: block;   
 height: 0;    
 overflow-y: hidden;   
}  
.tab-content > .active,  
.pill-content > .active {  
 height: auto;   
} 

在css里加上这段代码,就能解决导航栏的图标堆在一起的问题。

但是要注意权重,最好在这段代码前加上ID或者class

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,804评论 25 709
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,826评论 1 92
  • 佳节忽已至, 户户闹元宵。 明月首伦圆, 花灯分外娇。 游人迎笑脸, 鞭炮响连宵。 心中万象春, 举世乐逍遥。
    李缓之阅读 538评论 3 19
  • 2018年1月4日 星期四 晴天 今天晚上看了《唐山大地震》电影,感触非常深,24万同胞被压死,还有人家...
    鑫隆妈妈阅读 155评论 0 0
  • I felt so good last night, because I felt my oral English...
    水写苍茫阅读 278评论 0 0