布局实例手册

即拿即用的布局配方。

查看图表，复制代码，根据需要调整。

配方

配方	描述	技术栈
弹性行卡片	一行均匀大小的卡片。	Flexbox
网格仪表板	页眉、侧边栏和主内容区域。	Grid
圣杯布局	带有页眉/页脚的经典三列布局。	Flexbox
粘性页脚	即使内容很少，页脚也保持在底部。	Flexbox
媒体卡片	左侧图像，右侧文本。	Flexbox