如何調試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; 
} 

還有一個問題：水平滾動條始終顯示