5 Answers, 1 is accepted
As noted in this article on using Kendo UI with Bootstrap, Kendo UI widgets use content-box box model whereas Bootstrap uses border-box. In order to utilize the Bootstrap grid system with Kendo UI widgets you need to reset the box sizing to content-box. Have a look at this dojo example for a demonstration: http://dojo.telerik.com/eWOGO
I prepared it using your code with the addition of a .container-fluid wrapper element. Please note the added CSS rules.
I hope this helps.
Telerik by Progress
The viewport of the right-side of the Dojo sandbox is too small for the col-md size. I assume that this is the reason as to why you are not able to see the columns in the Window.
Just open the fullscreen version of the Dojo and you will be able to see the columns rendered correctly, as the viewport is bigger:
The way Bootstrap, and media query as a general, works is through the browser window size, not the surrounding element size. As marked in the Boostrap documentation the 'col-md' class is applied on Medium devices Desktops (≥992px)
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.