九宮格＋十六宮格

AUI里面定義了一套九宮格的樣式，貌似現(xiàn)在大屏手機使用九宮格顯得有些空虛，就順便弄了個十六宮格，使用.aui-grid-nine和.aui-grid-sixteen來布局。宮格類的操作因為加了線條分割的樣式，所以在布局的時候最好為9或16的倍數(shù)，并且最大為9或16個塊，最少為3或4。同樣的也可以結(jié)合.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>