如何调试 bootstrap + dhtmlxgrid CSS 冲突答案

【问题标题】：How to debug a bootstrap + dhtmlxgrid CSS conflict如何调试 bootstrap + dhtmlxgrid CSS 冲突
【发布时间】：2015-10-28 10:27:47
【问题描述】：

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

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

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

如果我从#gridbox div 中删除类网格框（在使用 chrome 开发工具加载页面后），错误会消失，但样式也会消失（当然！）。

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

如何调试这种行为？

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

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

【问题讨论】：

【解决方案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;
}

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

【讨论】：