广州市天河区天河路621号天娱广场西塔10楼
EAIC界面库
如果想改变每个列的大小,可以用以下类
- is-three-quarters
- is-two-thirds
- is-half
- is-one-third
- is-one-quarter
- is-full
其它列将填充剩下的空间
按20%分割布局,可使用以下类
- is-four-fifths
- is-three-fifths
- is-two-fifths
- is-one-fifth
效果展示
五分之四
自动
自动
四分之三
自动
自动
三分之二
自动
自动
五分之三
自动
自动
一半
自动
自动
五分之二
自动
自动
三分之一
自动
自动
四分之一
自动
自动
五分之一
自动
自动
12列大小
网格被分为12列等比大小,可以用以下类指定每列的大小
- is-1
- is-2
- is-3
- is-4
- is-5
- is-6
- is-7
- is-8
- is-9
- is-10
- is-11
- is-12
is-1
1
1
1
1
1
1
1
1
1
1
1
is-2
1
1
1
1
1
1
1
1
1
1
is-3
1
1
1
1
1
1
1
1
1
is-4
1
1
1
1
1
1
1
1
is-5
1
1
1
1
1
1
1
is-6
1
1
1
1
1
1
is-7
1
1
1
1
1
is-8
1
1
1
1
is-9
1
1
1
is-10
1
1
is-11
1
is-12
偏移量
可以在列的左右添加空的列或指定offset类来偏移一定量。比如:添加
.is-offset-4
表示左边空出四等份的列宽
is-half
is-offset-one-quarter
指定宽度
使用
.is-narrow
类来修饰列,可以让列的宽度是其子控件宽度,而不是按12等分划分的宽度。
指定宽度列
此列宽度为200像素
自动宽度的列
此列填充剩下的宽度
对于不同的设备可以使用相应的类
.is-narrow-mobile
.is-narrow-tablet
.is-narrow-touch
.is-narrow-desktop
.is-narrow-widescreen
.is-narrow-fullhd