Is it possible to put bootstrap grid inside panelbar?

[JamesD]

Hi

Played around :
http://jsbin.com/bivun/1/edit
Couldn't find a way to get it working.
Is there a known issue?

 V

[Kamen Bundev]

Hello Raido,

The issue you're facing is that Bootstrap uses box-sizing: border-box for everything, while Kendo relies mostly on the default content-box sizing, which is supported in more browsers and resets the Bootstrap's CSS for everything contained in a Kendo Widget. To avoid this, you will need to set the Grid columns box-sizing yourself. Additionally Kendo PanelBar uses a div child of an item as a template container, so you better wrap your Bootstrap Grid in another div. Check the modified jsBin for the result.

Regards,
Kamen Bundev
Telerik

[JamesD]

Thanks, Kamen. That actually answers some other questions about kendo/bootstrap inconsistencies too!

[Eugene]

To overcome the issue mentioned above consider using bootstrap 3 collapsible panel instead of kendo panelbar.