所以我在我的页面中添加了一个Flot图表，其中包含Bootstrap 3 CSS样式。该图表在中型和大型分辨率下看起来很棒。但是，当我将浏览器设置为较小的屏幕尺寸时，图表会自动更改为仅使用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>