Kendo UI材质主题和bootstrap在一起使用时搞乱了样式

时间:2016-12-21 07:53:33

标签: twitter-bootstrap kendo-ui telerik kendo-grid kendo-tabstrip

我正在为我的应用程序使用kendo UI材质主题。我也想在其中使用bootstrap样式。当我添加材质和引导样式时,它不会将控件显示为材质主题。剑道控制搞砸了。我正在使用kendo tabstrip和kendo网格控件。你能帮忙吗?

2 个答案:

答案 0 :(得分:0)

目前还不清楚您是使用两个 Kendo UI主题(Material + Bootstrap),还是注册一个Kendo UI主题和Bootstrap样式表。前者是不可能的,因为一次只能使用一个Kendo UI主题。

要使用正确的常见 Kendo UI CSS文件及其相应的主题,请检查:

http://docs.telerik.com/kendo-ui/styles-and-layout/appearance-styling#common-css-files

要使用Kendo UI Bootstrap主题,请检查:

http://docs.telerik.com/kendo-ui/third-party/using-kendo-with-twitter-bootstrap

在任何情况下,请参阅以下文章,其中解释了如何使用Kendo UI主题和Bootstrap CSS实现正确的样式,这可能会因为不同的盒子模型使用而陷入困境:

http://docs.telerik.com/kendo-ui/third-party/using-kendo-with-twitter-bootstrap#nest-widgets-and-bootstrap-grid-layout

答案 1 :(得分:0)

正在加载的第二个CSS将覆盖第一个CSS,因为类名相同。不可能将这两个主题混合在一起以获得想要的结果。

解决方案是使用telerik主题构建器构建自己的主题 https://themebuilder.telerik.com/kendo-ui

然后您下载css文件并放入您的项目中。 您甚至可以选择启动主题的基础(基于引导程序或材料)