forms - Bootstrap 自适应表单不能很好地与 Kendo 多选配合使用

Question

我正在使用“Bootstrap 响应式表单”（http://www.bootply.com/jrNvaahcOh）和 Kendomultiselect（http://demos.telerik.com/kendo-ui/multiselect/index）

Bootstrap 表单缩放整个表单，根据屏幕大小调整表单字段的位置（和宽度）。

我的示例仅适用于表单：http: //jsfiddle.net/52VtD/12239/

它确实

1. 绘制自适应表格
2. 等待 2 秒
3. 激活 Kendomultiselect（这里有问题！）

问题：当有两列表单字段时（我假设只要 kendomultiselect 位于最右边，它就会中断），Kendomultiselect 会打乱设计的“流程”-> 似乎下一个元素被抛出它的正确位置，而不是在哪里它应该是。

激活简单 html 选择的剑道代码是

$("#food").kendoMultiSelect().data("kendoMultiSelect");

..当前设置超时为 2 秒，以在我的示例中显示效果。

谁能指出为什么会发生这种情况？我只能假设 Bootstrap 的 css 与 Kendo 的 css 有问题。