I want to use the Bootstrap Grid system to organise within Teleriks KendoUi TabStrip content. The first 2 rows shall use 10 column units, the third row has two elements with each 5 column units. It seems two x 5 unit columns don't add up to the width of 10 units in the first two rows. It's working outside of TabStrip. The Questions is: How do I fix the difference in behaviour? Here is a sample: http://jsbin.com/xiherudoji/edit?html,output
The reason lies in the box-sizing style, which is required to be border-box for Bootstrap, but is set to content-box by the kendo css. Overwriting the style for all elements within the TabStrip content div fixes the problem with Bootstrap and shows no negative effect on the TabStrip.