其实分多少都行，看你的实际布局需求。但是常见的比较合理的是分12栏。
栅格系统的原理
假设：Flowline的宽度为W，column的宽度为c，Gutter的宽度为g，Margin的宽度为m，栅格列数为N
W = c*N + g*(N-1) + 2m；g的宽度通常为m的两倍，所以：
W = (c+g) * N；把c+g记为C，得：
W = C * N
大部分的栅格系统都是此公式的变体。
优势很多啊，多的说不出来，不过表格也有一些优势。 很多标记都可以和css配合布局的。比如span转为块级就相当与div了，table也可以配css啊 不过这么多标记中，就数div最方便最好用。所以综合后就是div+css了 关于div和table国外的大师们很早就讨...CSS Grid：这是 CSS 布局实现方式之一。
它可以定义行列宽高什么的，将页面分布成不等大小块。
简单理解请参照 table 标签。
Grid 栅格系统：
它是一种约定式的排版方式。
以规则的网格阵列来指导和规范版面排布以及信息分布。
