栅格系统默认12列的单元格栅格系统

栅格系统的基本写法

先写一行class="row",行的里面写列（即格子系统）class="gird"
1~12的英文单词被作为了栅格系统的12列格子的命名。

<div class="row">
	<div class="gird eight ">
	...
	</div>
	<div class="gird four ">
	...
	</div>
  </div>

演示

实现栅格系统的多重嵌套
嵌套依然先写一行class="row"

<div class="row">
	<div class="gird eight ">
        <div class="row">
        	<div class="gird four">
            	...
            </div>
        	<div class="gird four">
            	...
            </div>
        </div>
	</div>
	<div class="gird four ">
		...
	</div>
  </div>d
  

完整的栅格系统演示