如何调试 bootstrap + dhtmlxgrid CSS 冲突

Question

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

现在，如果我在页面上创建 dhtmlXGrid，网格就会出现。

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

如果我从#gridbox div 中删除class gridbox（在使用chrome 开发人员工具加载页面后）错误消失但样式也消失了（当然！）。

如果我删除 bootstrap css 网格可以正常工作（当然 bootstrap 导航栏不行！）

如何调试此行为？

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

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

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

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

How to debug a bootstrap + dhtmlxgrid CSS conflict