1

I am trying to apply ryenus solution (Why are Bootstrap tabs displaying tab-pane divs with incorrect widths when using highcharts?) for google charts and twitter bootstrap tabs but i have a problem, maybe because i have different version of bootstrap,i am not sure. My version of bootstrap is 3.3.7 .

On my bootstrap.css file i found this lines: 

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
Also i applied the patch after the bootstrap.css but i have a bug like in picture below,can someone help me? enter image description here
Panup Pong
  • 1,871
  • 2
  • 22
  • 44
Ioannis P.
  • 131
  • 1
  • 6

1 Answers1

1

After a lot searching i tried this and i solve my issue.

$("a[href='#C']").on('shown.bs.tab', function (e) {
    google.load('visualization', '1', {
        packages: ['timeline'],
        callback: drawChartC
    });
});
Ioannis P.
  • 131
  • 1
  • 6