布局

盒子弹性布局

固定100px大小
剩余宽度自适应
自适应文本大小

盒子等比布局

span2 = 2/3 大小
span2 = 2/3 大小
span2 = 2/3 大小
span2 = 2/3 大小
span1 = 1/3 大小
span2 = 2/3 大小

盒子留白布局

左边按钮
右边按钮
左边按钮
右边按钮
右边按钮
左边按钮
右边按钮
右边按钮
右边按钮
左边按钮
右边按钮

流式布局

流式留白布局

两列布局-左边
两列布局-右边
三列布局-左边
三列布局-中间
三列布局-右边
四列布局-左边
四列布局-中间
四列布局-中间
四列布局-右边
两列布局-左边
两列布局-右边
两列布局-左边
两列布局-右边

流式盒子嵌套混搭布局

流式等列布局 5列:bui-fluid-5
流式等列留白布局 5列:bui-fluid-space-5

高度嵌套等比布局示例
A 高度自适应
B 2/3 高
C 1/3 高