highchart在bootstrap的Tab组件下容器问题

最近在使用

highchart

和

bootstrap

的时候，出现了问题，当我使用

bootstrap

的

Tab

组件时，

highchart

在渲染的时候其容器的大小无法自适应其中隐藏的

Tab

下的容器（注：

Tab

下容器大为动态的），切换

Tab

时容器的大小不是我想要的，当我移动浏览器界面或者改变浏览器界面大小时，其才会显示在我正真容器大小里面（感觉自己说的好啰嗦），那么怎么让其自适应其隐藏的容器大小呢，下面是我用

CSS

处理这个问题，代码如下：

/* bootstrap hack: fix content width inside hidden tabs */
.tab-content > .tab-pane:not(.active),
.pill-content > .pill-pane:not(.active) {
display: block !important;
height: 0 !important;
overflow-y: hidden !important;
overflow-x: hidden !important;
}
/* bootstrap hack end */

看了网友的贡献，然后写下来，希望帮到有需要的前端程序猿……