The observed issue can be observed if you apply some Bootstrap (or custom) CSS classes to elements, from which Kendo UI widgets are created. As a result, the Bootstrap (or custom) CSS code breaks the layout of the Kendo UI widgets. In this particular case, I suspect you have set some form-related classes, which apply padding. Please include additional CSS rules, which resets the padding to zero for the following classes.
Be aware of the concept of CSS specificity in the process.
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI