MUI栅格系统（grid）

简单理解：栅格系统将页面竖着分为了12小块，
当设置每大块为6小块时，即为两列排列；
当设置每大块为3小块时，即为四列排列；
给li标签添加的类：mui-media mui-col-xs-6中的6就是设置每大块宽度为6小块的意思

1.两列排列

实现效果：

代码实现：

	<!-- 身份证信息，图自己随便放一个吧 -->
	<ul class="mui-table-view mui-grid-view">
		<li class="mui-table-view-cell mui-media mui-col-xs-6">
			<a href="#">
				<img class="mui-media-object" src="../img//IDcard2.png" id="portrait_selecter">
			</a>
			<div class="mui-media-body">
				<p class="greyFont">身份证人像面</p>
			</div>
		</li>
		<li class="mui-table-view-cell mui-media mui-col-xs-6">
			<a href="#">
				<img class="mui-media-object" src="../img/IDcard1.png" id="emblem_selecter">
			</a>
			<div class="mui-media-body">
				<p class="greyFont">身份证国徽面</p>
			</div>
		</li>
	</ul>

2.单个6但是栅格居中

思路：3+6+3，其中两个三是空列
实现效果：

代码实现：

			<!-- 营业执照信息，图自己随便放一个吧 -->
				<ul class="mui-table-view mui-grid-view">
					<li class="mui-table-view-cell mui-media mui-col-xs-3">
					</li><li class="mui-table-view-cell mui-media mui-col-xs-6">
						<a href="#">
							<img class="mui-media-object" src="../img/IDcard1.png" id="emblem_selecter">
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-3">
					</li>
				</ul>