我们目前正在使用 twitter Bootstrap 的网格系统、导航和输入样式。在使用 Kendo UI 时,我们注意到它有一个主题系统。
是否有关于如何使用 Kendo UI 类的参考资料?
我们想象剑道类将取代我们的输入和导航标记,但我们的网格系统呢?Kendo UI 是否有内置的 CSS 网格系统?
我们目前正在使用 twitter Bootstrap 的网格系统、导航和输入样式。在使用 Kendo UI 时,我们注意到它有一个主题系统。
是否有关于如何使用 Kendo UI 类的参考资料?
我们想象剑道类将取代我们的输入和导航标记,但我们的网格系统呢?Kendo UI 是否有内置的 CSS 网格系统?
只有类的文档。有相当多的信息,但并不详尽。
http://docs.kendoui.com/getting-started/web/appearance-styling
这现在很古老,但对于仍然想知道问题的最后一部分的人来说:
我们想象剑道类将取代我们的输入和导航标记,但我们的网格系统呢?Kendo UI 是否有内置的 CSS 网格系统?
答案是否定的。Kendo 有一个数据网格小部件,但此时没有布局网格。但他们确实不断增加它。他们的东西在某种程度上与 Bootstrap 网格兼容,但例如,如果您想在 Kendo Window 小部件中使用 Bootstrap 网格,则需要针对它们使用不同的框尺寸模型这一事实进行调整:
/*=====================================================================*/
/* Box-sizing fix for using Bootstrap grid layout inside Kendo widgets */
/*=====================================================================*/
/* reset everything to the default box model */
*,
:before,
:after
{
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
这可能有点晚了,但以防万一,有一个解决方法。启动他们方便的ThemeBuilder。点击“下载”。然后查看kendo.custom.css
他们拥有的文件。以一目了然的方式列出所有 CSS 类。
您还可以在您的 Kendo-UI 下载随附的文件夹中查看他们的kendo.all.css
或kendo.common.css
(取决于您是否拥有他们的专业或开源产品) 。src