使用KendoUI创建自定义布局

时间:2013-08-12 02:47:49

标签: css kendo-ui kendo-mobile

我开始使用Kendo UI Mobile项目,并且完全不知道如何创建我正在寻找的布局。哎呀,我基本上不知道如何在Kendo UI中做任何事情。

我想在视图中有3张图片。布局的一个例子如下。

example layout

我对如何创建此布局感到困惑,并让图像适应任何移动设备或方向的使用。一系列嵌套的splitviews似乎是实现此布局的方法,但是kendo-ui网站似乎表明splitview仅适用于平板电脑。

我应该抓住响应式网格框架并将其与kendo-ui结合使用吗?如果可以采用这种布局,我宁愿坚持使用kendo-ui框架。

2 个答案:

答案 0 :(得分:0)

您需要认识到KendoUI不是解决所有问题的方法。对于这个问题/要求,您应该寻找一个简单的HTML / CSS解决方案,而不是像分割器那样的小部件。

答案 1 :(得分:0)

您可以使用针对html 5移动应用的bootstrap响应(集成在kendo ui中)。 我记得,你可以使用网格系统(css类)和img-responsive类

在此处查看网格:http://getbootstrap.com/css/#grid 在此处查看响应式图片:http://getbootstrap.com/css/#images-responsive

在剑道中它被覆盖但是这是相同的逻辑