Bootstrap中的浮動圖表無法正確調整尺寸

Question

因此，我使用Bootstrap 3 CSS樣式向我的頁面添加了一個Flot圖表。該圖表在中大型分辨率下看起來很棒。但是，當我將瀏覽器設置爲較小的屏幕尺寸時，圖表會自動更改爲僅使用6列或一半的容器。在同一頁上，「col-sm-12」中的文本正常工作，佔用全部12列。只有圖表只佔用6列。任何想法如何解決它？

<div id="page-chart" class="col-sm-12 col-md-6 col-md-offset-3 col-lg-6 col-lg-offset-3"> 
    Chart goes here 
</div> 

Answer 1

包括resize插件怎麼樣？

<script src="https://cdnjs.cloudflare.com/ajax/libs/flot/0.8.3/jquery.flot.resize.js"></script> 

看到這個example。