如何调试bootstrap + dhtmlxgrid CSS冲突

Question

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

现在，如果我在页面上创建dhtmlXGrid，则会显示网格。

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

如果我从#gridbox div中删除了类网格框（在使用chrome developper Tools加载页面之后），则该错误消失了，但样式也是（当然！）。

如果我删除了bootstrap css网格正常工作（但当然不是bootstrap navbar！）

如何调试此行为？

我在bootstrap中搜索gridbox类但它确实存在。那么如何知道导致网格大小调整的原因呢？

我有一个带有示例的测试zip，只需打开html.html文件：

dropbox

Answer 1

我在这里找到了一个解决方案：dhtmlx forum

只需在application.css（或application.css.scss）中添加一些css

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

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