您现在的位置是：网站首页> 编程资料编程资料

AmazeUI 网格的实现示例AmazeUI 面板的实现示例AmazeUI 列表的实现示例AmazeUI 导航条的实现示例AmazeUI导航的示例代码AmazeUI 图标的示例代码AmazeUi Tree(树形结构) 应用小结

2023-10-11 301人已围观

简介这篇文章主要介绍了AmazeUI 网格的实现示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

本文主要介绍了AmazeUI 网格的实现示例，分享给大家，也给自己留个笔记。具体如下：

网格示例 1：一个基本的网格
4
8
示例 2：不同区间不同的划分比例
sm-6 md-4 lg-3
sm-6 md-8 lg-9
示例 3：限制宽度的网格
4
8
示例 4：容器
.am-u-sm-6
.am-u-sm-6
示例 5：不足 12 份的网格
3
3
3
3
3
3
示例 6：响应式辅助类控制元素显隐
sm-2lg-4
sm4 lg4
sm-6lg-4
sm-fulllg-3
sm-fulllg-6
sm-fulllg-3
62
68
full2
3
9
full4
full8
65
67
full6
full6
示例 7：列边距啪啪啪
1
11
1
10, offset 1
1
9, offset 2
1
8, offset 3
1
7, offset 4
示例 8：居中， To be or not to be
3 centered
6 centered
9 md-down-centered 
11 centered
示例 9：结构与表现表里不一
8 main
4 sidebar
示例 10: 没有内边距的列
.am-u-sm-6
.am-u-sm-6