Css Bootstrap 3网格系统在第三方样式的div（剑道）中无法正常工作

参见问题演示：

我想在

元素中使用Bootstrap3网格系统。这个

元素是一个剑道数据网格工具栏，它是一个全页面宽度

元素。我不认为解决方案是剑道特定的或需要剑道技能，所以请继续阅读

不幸的是，剑道CSS在这个

元素上应用了一些样式，这在某种程度上愚弄了bootstrap3网格系统宽度的计算。因此，如果我尝试在这个

元素中使用col 12单位，它总是分解为两行。例如，col-6和col-6中断。列6和列4适合一行

我不知道是什么原因导致了这个问题，以及如何预防它

---

有关此问题的解释和可能的解决方法，请参见此处：

Kendo UI使用默认内容框模型（框大小CSS属性），而Bootstrap使用非默认bordex框模型并将其应用于页面上的所有元素，包括与Bootstrap无关的元素。这打破了剑道UI小部件的布局，这些小部件被放置在引导网格布局中，迫使我们覆盖引导CSS并将内容框模型重新应用于剑道UI小部件。因此，放置在剑道UI小部件中的引导网格布局将无法按预期工作。通常，两个产品的多级嵌套必然会打破内部的嵌套，除非对每一个新的嵌套级别使用额外的CSS规则