0

我正在使用 gridster 插件:http ://gridster.net/并且还引导我的仪表板布局。但是,我在调整窗口大小时遇到​​问题。我正在使用以下函数来调整大小:

 var resizeTimer;
        jQuery(window).on('resize', function(){
            clearTimeout(resizeTimer);
            resizeTimer = setTimeout(function(){
                var newDashboardWidth = this.newDashboardWidth = $('#gridsterContainer').width();               
                var newbaseWidths = (newDashboardWidth) * (1- margin_ratio)/cols
                gridster.resize_widget_dimensions({
                    widget_base_dimensions: [newbaseWidths]
                });
            },200);
            });

有了这个,我可以在窗口缩小时调整内容的大小,但是如果我扩展窗口时内容不会恢复到正常状态。我的猜测是引导 css 和 gridster css 有一些冲突的类会导致这个问题。有什么办法可以解决这个问题吗?我在想的另一种方法是为引导类提供名称间距,这样对于不冲突的类,窗口调整大小不会受到影响。关于如何将名称间距添加到唯一导致问题的类的任何想法. 下面是 boostsrap 的 css:

.pre-scrollable {max-height: 340px; overflow-y: scroll;}
.container { padding-right: 15px;padding-left: 15px;}
@media (min-width: 768px) {.container { width: 750px;}
@media (min-width: 992px) {.container {width: 970px;}

在上面的例子中:我只想将命名空间添加到媒体查询中。其余所有课程保持不变。我怎样才能做到这一点?

4

0 回答 0