Question

我正在使用gridster插件：http://gridster.net/以及我的仪表板布局的bootstrap。但是我在调整窗口大小时遇到了问题。我正在使用以下函数进行调整大小：

 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);
            });

有了这个我能够在窗口shriking上调整内容的大小，但是如果当我扩展窗口时内容不会恢复到正常状态。我猜是bootstrap 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;}

在上面的例子中：我想将命名空间仅添加到媒体查询中。休息所有课程保持不变。我怎样才能做到这一点？

如何在bootstrap中只允许几个类的命名空间

0 个答案: