网格系统

elf使用flexbox实现自适应的网格系统。该网格系统基于12列布局，能够分别针对超小屏设备（≤ 568px），小屏设备（≤ 768px），中屏设备（≤ 1080px），大屏设备（≤ 1280px）进行自适应的布局排列。

超小屏

1
11
2
10
...

小屏

3
9
4
8
...

中屏

5
7
6
6
...

大屏

3
9
8
4
...

自适应网格系统

between
around
centered
vertical-center
...
...
...
...

左侧固定，右侧自适应

固定
12
...
...

嵌套网格

6
6
4
4
4
2
6
6
4
4
4
2

位移网格

offset-7
offset-7