twitter-bootstrap - 剑道 UI 材质主题和引导程序一起使用时会弄乱样式

Question

我正在为我的应用程序使用剑道 UI 材料主题。我也想在其中使用引导样式。当我添加材质和引导样式时，它不会将控件显示为材质主题。剑道控制混乱。我正在使用剑道标签条和剑道网格控件。你能帮忙吗？

Answer 1

目前尚不清楚您是使用两个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

Answer 2

加载的第二个 css 将覆盖第一个 css，因为类名相同。不可能混合 2 个主题并获得您想要的结果。

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

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