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

Question

KendoUI是否实现或提供Twitter Bootstrap功能？我在Kendo 看到一个css - kendo.bootstrap.min.css.有什么亮点吗？

Answer 1

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

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

参考:Kendo UI Docs - 使用Kendo和Twitter Bootstrap

(示例 - 以HTML格式查看页眉)

如果你想修改所选主题,你应该使用他们的主题生成器,但它有时有点儿错误(到这个日期).

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

Answer 2

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

Answer 3

新答案 - 随着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响应"网格"布局.这不要与Kendo Grid小部件混淆.在他们的博客或文档中某处埋藏的是对Kendo不进行布局的效果的评论,因此他们已经适应了Bootstrap布局.不支持任何Bootstrap小部件或CSS类.Kendo Bootstrap主题看起来与Bootstrap类似,但不使用Bootstrap的任何部分,即如果你重新设置Bootstrap按钮,你将不得不弄清楚如何复制Kendo主题中的变化.恕我直言,他们声称支持Bootstrap更多的是一种营销策略,而不是实施任何实质内容.也就是说,剑道确实有大多数Bootstrap组件的类似替代品.我和剑道一起去了,因为它比试图让他们一起工作更简单.