Bootstrap自适应表格与剑道多选不相称

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会混淆设计的“流程” - ＆gt;似乎下一个元素被抛弃了它的正确位置而不是它应该在的位置。

激活简单html选择的Kendo代码是

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

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

有人能指出为什么会这样吗？我只能假设Bootstrap的CSS与Kendo的CSS有问题。