对《Blazor》的teleerik UI不熟悉?免费下载30天试用版
GridLayout -自适应
- 例子
- 查看源代码
- 编辑传真回复
- 改变主题
默认的
热门文章
- Adaptive.razor
- GridLayoutArticleHeader.razor
- GridLayoutArticle.cs
加载演示源代码…请稍等。
描述
的teleerik Blazor GridLayout可以和Telerik Blazor MediaQuery组件实现响应式和自适应布局。的Telerik Blazor MediaQuery控件中的Media属性中的配置将检测用户浏览器的视口的初始尺寸,并重新排列布局
的布局Blazor GridLayoutUI组件可以动态调整。在宽度768 px在上面,网格布局项目分布在三列,宽度之间500 px和768 px,项目分布为两列。下面500 px,所有项目都堆叠在一个列中。要查看实际的适应性,可以调整整个浏览器窗口的大小,或者打开浏览器的开发工具(按F12)并使用它来修改演示的可用宽度。
这个GridLayout Adaptive示例是数百个Blazor演示的独特集合的一部分,您可以看到所有这些演示Blazor组件的Telerik UI以及它们的功能。从库中查看演示的源代码或直接改编,并编辑它们及其主题外观Blazor的teleerik REPL或ThemeBuilder.