布局容器和栅格系统

概述

AUIJS对于基础的布局并未做过多的内置，更多的还是要开发者自己去根据需要自行开发，这个有利有弊，不做评价。

布局容器

AUIJS的布局容器有 .aui-content 或 .content。.aui-content 宽度为100%，高度为屏幕高度-50px。

<div class="aui-content">
......
</div>

栅格系统

使用过Bootstrap的用户可能会对栅格系统有所了解，根据Bootstrap的系统和针对移动设备对栅格系统重新做了定义，根据手机屏幕做了最多12列的等分。例如：.aui-col-xs-2则是进行6等分。

<div class="aui-grids">
    <div class="aui-grid aui-col-xs-2">...</div>
</div>

栅格系统在app的开发过程中会经常使用到，比如在演示app中图片列表、九宫格、十六宫格等都是基于栅格系统来完成布局。