twitter-bootstrap Bootstrap with Kendo UI - 是否集成?
声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow
原文地址: http://stackoverflow.com/questions/19129607/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Bootstrap with Kendo UI - Is it integrated?
提问by user2837167
Does KendoUI implement or provides Twitter Bootstrap features ? I see a css - kendo.bootstrap.min.cssin the Kendo. Any lights to throw on this ?
KendoUI 是否实现或提供 Twitter Bootstrap 功能?我在剑道中看到了一个 css - kendo.bootstrap.min.css。有什么灯可以放在这个上吗?
回答by smajl
Actually, Kendo now provides a special version of their styles if you are using Bootstrap. It allows a better blending of Kendo UI widgets and Bootstrap components. You should now include these files:
实际上,如果您使用的是 Bootstrap,Kendo 现在提供了一个特殊版本的样式。它允许更好地混合 Kendo UI 小部件和 Bootstrap 组件。您现在应该包含这些文件:
kendo.common-bootstrap.min.cssand your desired theme file - again the Bootstrap one will be obviously the best choice: kendo.bootstrap.min.css.
kendo.common-bootstrap.min.css和你想要的主题文件——同样,Bootstrap 显然是最好的选择:kendo.bootstrap.min.css.
Ref: Kendo UI Docs - Using Kendo with Twitter Bootstrap
参考:Kendo UI 文档 - 在 Twitter Bootstrap 中使用 Kendo
(example- see the page head in HTML)
(示例- 请参阅 HTML 中的页眉)
If you want to modify the selected theme, you should use their Theme Builder, but it's sometimes a bit buggy (to this date).
如果你想修改所选的主题,你应该使用他们的Theme Builder,但它有时有点问题(到目前为止)。
Don't forget that Kendo UI and Bootstrap are in fact completely separate products and this all concerns just the "looks and feels".
不要忘记,Kendo UI 和 Bootstrap 实际上是完全独立的产品,所有这些都只涉及“外观和感觉”。
回答by Atanas Korchev
Kendo UI isn't based on Twitter Bootstrap. It provides a CSS Theme which is designed to resemble Bootstrap's default theme. This is what the kendo.boostrap.min.css file is. You need to include it after kendo.common.min.css:
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" />
Here is a live demo: http://jsbin.com/uwuJUfE/1/edit
这是一个现场演示:http: //jsbin.com/uwuJUfE/1/edit
回答by Will
New answer - With the release of Bootstrap 4.0.0 and the Kendo UI 2018 R1 release, the answer is now yes . . . sort of. The SASS files of the special Bootstrap theme share the SASS variables that Bootstrap V4 is using. The class names are all still pure Kendo (k-*). You may need to have a commercial license. Use npm to retrieve the kendo-theme-bootstrap package. It looks like this package includes Bootstrap V4 so you may not really need to install that separately. No support for LESS.
新答案 - 随着 Bootstrap 4.0.0 和 Kendo UI 2018 R1 的发布,现在的答案是肯定的。. . 有点。特殊 Bootstrap 主题的 SASS 文件共享 Bootstrap V4 正在使用的 SASS 变量。班级名称仍然是纯剑道(k-*)。您可能需要有商业许可证。使用 npm 检索 kendo-theme-bootstrap 包。看起来这个包包含 Bootstrap V4,所以你可能真的不需要单独安装它。不支持 LESS。
Old Answer - The ONLY part of Bootstrap that Telerik has attempted to implement/coexist with is the Twitter Bootstrap responsive "Grid" layout. That's not to be confused with the Kendo Grid widget. Buried somewhere in their blogs or docs is a comment to the effect that Kendo does not do layout so they have accommodated the Bootstrap layout. There is no support for any of the Bootstrap widgets or CSS classes. The Kendo Bootstrap theme does look similar to Bootstrap but doesn't use any part of Bootstrap i.e. if you restyle your Bootstrap button, you'll have to figure out how to duplicate the change in the Kendo theme too. IMHO their claims of support for Bootstrap was more of a marketing ploy than implementation of any substance. That said, Kendo does have similar alternatives most of the Bootstrap components. I've gone with total Kendo because it's simpler than trying to get them to work together.
旧答案 - Telerik 尝试实现/共存的 Bootstrap 的唯一部分是 Twitter Bootstrap 响应式“网格”布局。不要将这与 Kendo Grid 小部件混淆。在他们的博客或文档中埋藏着一条评论,大意是 Kendo 不进行布局,因此他们采用了 Bootstrap 布局。不支持任何 Bootstrap 小部件或 CSS 类。Kendo Bootstrap 主题看起来与 Bootstrap 相似,但不使用 Bootstrap 的任何部分,即如果您重新设置 Bootstrap 按钮的样式,您也必须弄清楚如何复制 Kendo 主题中的更改。恕我直言,他们声称支持 Bootstrap 与其说是实施任何实质内容,不如说是一种营销策略。也就是说,Kendo 确实有大多数 Bootstrap 组件的类似替代品。一世'
回答by Nok Dev
Simply put, no.
简单地说,没有。
For the time being, the responsive Pager functionality is not implemented for the Sass themes. This feature request is logged here:
目前,Sass 主题没有实现响应式 Pager 功能。此功能请求记录在此处:
https://github.com/telerik/kendo-themes/issues/121
https://github.com/telerik/kendo-themes/issues/121
Until this feature is implemented, you could follow the suggestions from this KB article:
在实现此功能之前,您可以遵循此知识库文章中的建议:
https://docs.telerik.com/kendo-ui/knowledge-base/pager-responsive-numbers-sass-themes
https://docs.telerik.com/kendo-ui/knowledge-base/pager-responsive-numbers-sass-themes

