Kendo-angular: Kendo breaks Bootstrap inside their widgets?

[Etchelon]

Hello,
I'm using a KendoTabstrip in my project and the content of a tab, which was previously not inside your widget, broke. I noticed this style:
.k-widget, .k-widget *, .k-widget *::before { box-sizing: content-box; }
Since Bootstrap defaults to border-box for everything... does it mean we can't use Bootstrap inside your widgets without manually adjusting the CSS?

[gyoshev]

Yes, at this time you need to adjust the box-sizing of nested Bootstrap elements inside components, with a few lines of CSS. Here is the explanation and a workaround.

[gyoshev]

That said, the ideal behavior would be not to touch styles of user-defined content, so we'll attempt to remove the styles, and use box-sizing only where we need it, preserving the bootstrap layout. /cc @inikolova @joneff

[joneff]

For kendo-theme-bootstrap box-sizing is fixed via https://github.com/telerik/kendo-theme-bootstrap/commit/b04892fcee3201fe474628b846ac20c6fb7231ea

[gyoshev]

The box-sizing has been fixed in kendo-theme-bootstrap with the above commit. From now on, container widgets should properly display bootstrap grids, without any additional styling.

In case of any issues, please report them to the concrete theme repo.

[Etchelon]

Thanks, I won't be able to test it anytime soon, when I do I'll come back at you