如何调试bootstrap + dhtmlxgrid CSS冲突

Question

我有一个Rails 4.2应用程序与JQuery，Bootstrap和dhtmlx。

现在，如果我在页面上创建了一个dhtmlXGrid，则会出现网格。

但是，如果我用鼠标更改列大小，整个网格的大小会减少。 （奇怪的bug）

如果我从#gridbox div中移除class gridbox（使用chrome developper Tools加载页面后），该bug会消失，但是样式也会（当然！）。

如果我删除引导CSS电网正常工作（但当然引导导航栏不！）

如何调试这种行为？

我在bootstrap中搜索gridbox类，但它不存在。那么如何知道是什么导致网格被调整大小？

我有一个实例的测试拉链只需打开中将Html.HTML文件：

dropbox

Answer 1

我发现这里的解决方案：dhtmlx forum

只添加application.css一些CSS（或application.css.scss）

div.gridbox { 
    -webkit-box-sizing: content-box; 
    -moz-box-sizing: content-box; 
    box-sizing: content-box; 
} 

还有一个问题：水平滚动条始终显示