Как отлаживать конфликт bootstrap + dhtmlxgrid CSS

Question

У меня есть приложение Rails 4.2 с JQuery, Bootstrap и dhtmlx.

Теперь, если я создаю dhtmlXGrid на странице, появится сетка.

Но если я изменил размер столбца с помощью мыши, весь размер сетки уменьшится. (странная ошибка)

Если я удаляю класс gridbox из #gridbox div (после загрузки страницы с помощью инструментов разработки хром), ошибка исчезает, но стиль также (конечно!).

Если удалить загрузчик CSS работы сетки правильно (но, конечно, самозагрузки Navbar нет!)

Как отлаживать это поведение?

Я ищу класс gridbox в bootstrap, но он не существует. Итак, как узнать, что вызывает изменение сетки?

У меня есть тестовый почтовый с примером просто открыть файл html.html:

dropbox

Answer 1

Я нашел решение здесь: dhtmlx forum

просто добавить некоторые CSS в application.css (или application.css.scss)

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

Существует еще одна проблема: горизонтальная полоса прокрутки всегда отображается