12 列栅格系统：是为经典的栅格类别之一。12 能被 2、3、4、6 整除，能灵活适配各种对称与不对称的排版要求。无论是商业站点、门户网站还是博客页面，都能胜任。比如制作一个双栏布局，可轻松运用 4 列加 8 列的方式；而三栏布局时，3 列、3 列、6 列的组合也能自然协调地展现内容 。

24 列栅格系统：适用于信息量庞大、分组繁复多样、排版需要高精度的场景，在大型 B 端 Web 应用界面设计中颇为流行。因其列数较多，可实现极细腻的布局划分，能为各类数据表格、功能模块、操作区域等提供精准的排版框架，让复杂的界面元素也能排列得规整且有序。

5 列栅格系统：常用于移动设备界面，像手机界面里的 “金刚区” 图标组，若一行摆放 5 个图标，或两行共 10 个图标，运用 5 列栅格可对图标位置进行标准化规整，保证图标布局均匀、视觉上协调统一 。

6 列栅格系统：在移动端和一些简单布局中时有运用。相比 4 列，它的布局组合更多一些，在适配小屏幕内容陈列时，对内容多少变化、内容模块尺寸差异的适应能力稍强，适合设计手机上的简易列表页、选项卡页面等。

8 列栅格系统：是平板电脑端设计的常用选择，8 列能较好地平衡平板横向空间有限与内容排版丰富度的矛盾。在平板上展示图文混排内容、多模块分区界面时，8 列栅格可以通过不同列数组合，呈现出疏密有致、比例合理的视觉效果 。

单栏栅格系统：也就是整个页面仅设置一列，所有内容沿垂直方向依次堆叠排版。它排版简洁，干扰因素少，在极简风网页、手机端长图文文章页面、以竖向滚动操作交互为主的 APP 页面设计中应用广泛 。