AUI里面定義了一套九宮格的樣式，貌似現在大屏手機使用九宮格顯得有些空虛，就順便弄了個十六宮格，使用`.aui-grid-nine`和`.aui-grid-sixteen`來布局。宮格類的操作因為加了線條分割的樣式，所以在布局的時候最好為9或16的倍數，并且最大為9或16個塊，最少為3或4。同樣的也可以結合`.aui-card`
#### 九宮格
~~~
<div class="aui-content">
<ul class="aui-grid-nine">
<li class="aui-col-xs-4 aui-text-center">
<span class="aui-iconfont aui-icon-my aui-text-primary"></span>
<p>欄目</p>
</li>
......
</ul>
</div>
~~~
#### 十六宮格
~~~
<div class="aui-content">
<ul class="aui-grid-sixteen">
<li class="aui-col-xs-3 aui-text-center">
<span class="aui-iconfont aui-icon-my aui-text-primary"></span>
<p>欄目</p>
</li>
......
</ul>
</div>
~~~
