ブートストラップグリッドクラスでハイチャートチャートの描画が妨げられるのはなぜですか？

Question

私はレンダリングしているハイチャートチャートを持っています。私はフロントエンドにもブートストラップを使用しています。

私のハイチャートは、チャートのdivにブートストラップグリッドクラスがない限り、うまく動作します。

はすぐに私はdiv要素に

class="col-sm-7 col-md-7 col-sm-offset-1" 

を追加すると、チャートがレンダリングを停止します。失敗 https://jsfiddle.net/4pp4ax0v/

：

ワーキング：で

テストを https://jsfiddle.net/4pp4ax0v/3/

を動作を確認するために、クラスを追加および削除。

Answer 1

グラフがレンダリングされていますが、表示できません。問題はmin-heightです。

min-heightを0pxに設定すると効果があります。

.col-sm-7, .col-md-7, .col-sm-offset-1 { 
    min-height: 0px; 
} 

https://jsfiddle.net/472ey1h5/1/