网格系统

使用网格系统快速创建对齐和谐的页面布局。

📌 网格基础

1. 网格类型

• 12 列网格
• 24 列网格
• 自定义列数
• 流体网格

2. 网格参数

• 列宽
• 间距 (gutter)
• 外边距
• 断点设置

3. 响应式适配

• 移动 (< 768px)
• 平板 (768px - 1024px)
• 桌面 (>1024px)
• 大屏 (>1920px)

🎯 网格使用

• 创建对齐的布局
• 快速调整比例
• 响应式适配
• 保持间距一致

💡 最佳实践

• 选择合适的列数
• 保持一致的间距
• 充分利用响应式
• 测试各种屏幕

🔗 相关资源

• 响应式设计

网格系统是专业布局的基础。