解决 dhtmlxGrid 与 bootstrap 共用问题

最近在学习dhtmlxGrid 时，发现页面引用了bootstrap.min.css，则用鼠标改变列宽时，Gird会自动变小。

最后用firebug调试发现，是因为bootstrap.min.css中的

-moz-box-sizing:border-box;

这一句的原因。

解决方法： 在dhtmlx.css文件中找到div.gridbox，里面加上一句

-moz-box-sizing:content-box;

即可解决问题。

我对于前端的东西不熟，不明白是什么原理。但问题是解决了。