使用Kendo UI启动 - 是否集成了?

时间:2013-10-02 03:39:16

标签: twitter-bootstrap kendo-ui

KendoUI是否实现或提供Twitter Bootstrap功能? 我在剑道中看到了一个css - kendo.bootstrap.min.css 。有什么亮点吗?

4 个答案:

答案 0 :(得分:16)

实际上,如果你使用Bootstrap , Kendo现在提供了他们风格的特殊版本。它允许更好地混合Kendo UI小部件和Bootstrap组件。您现在应该包含这些文件:

kendo.common-bootstrap.min.css和您想要的主题文件 - 再次,Bootstrap显然是最佳选择:kendo.bootstrap.min.css

参考:Kendo UI Docs - Using Kendo with Twitter Bootstrap

example - 请参阅HTML中的页眉)

如果你想修改所选的主题,你应该使用他们的Theme Builder,但它有时会有点错误(到目前为止)。

不要忘记Kendo UI和Bootstrap实际上是完全独立的产品,这一切只涉及"外观和感觉"。

答案 1 :(得分:14)

Kendo UI不基于Twitter Bootstrap。它提供了一个CSS主题,其设计类似于Bootstrap的默认主题。这就是kendo.boostrap.min.css文件。您需要在kendo.common.min.css之后包含它:

  <link href="http://cdn.kendostatic.com/2013.2.918/styles/kendo.common.min.css" rel="stylesheet" />
  <link href="http://cdn.kendostatic.com/2013.2.918/styles/kendo.bootstrap.min.css" rel="stylesheet" />

这是一个现场演示:http://jsbin.com/uwuJUfE/1/edit

答案 2 :(得分:9)

新答案 - 随着Bootstrap 4.0.0和Kendo UI 2018 R1发布的发布,答案现在是肯定的。 。 。有点。特殊Bootstrap主题的SASS文件共享Bootstrap V4正在使用的SASS变量。类名仍然是纯粹的剑道(k- *)。您可能需要拥有商业许可证。使用npm检索kendo-theme-bootstrap包。看起来这个软件包包含Bootstrap V4,因此您可能不需要单独安装它。不支持LESS。

旧答案 - Telerik试图实现/共存的Bootstrap的唯一部分是Twitter Bootstrap响应&#34; Grid&#34;布局。这不要与Kendo Grid小部件混淆。在他们的博客或文档中某处埋藏的是对Kendo不进行布局的效果的评论,因此他们已经适应了Bootstrap布局。不支持任何Bootstrap小部件或CSS类。 Kendo Bootstrap主题看起来与Bootstrap类似,但不使用Bootstrap的任何部分,即如果你重新设置Bootstrap按钮,你也必须弄清楚如何复制Kendo主题中的变化。恕我直言,他们声称支持Bootstrap更多的是一种营销策略,而不是实施任何实质内容。也就是说,剑道确实有大多数Bootstrap组件的类似替代品。我已经和剑道一起走了,因为它比试图让他们一起工作更简单。

答案 3 :(得分:0)

简单地说,不。

目前,尚未为Sass主题实现响应式寻呼机功能。此功能请求记录在此处:

https://github.com/telerik/kendo-themes/issues/121

在实现此功能之前,您可以遵循此知识库文章中的建议:

https://docs.telerik.com/kendo-ui/knowledge-base/pager-responsive-numbers-sass-themes