mui 之栅格系统

说明

代码块：mrow、mcolsm、mcolxs

详细栅格系统：可以本站搜索 布局

官方文档：https://dev.dcloud.net.cn/mui/ui/#grid

例子

<h5 class="mui-content-padded">占满12份  12</h5>
<div class="mui-row">
    <img class="mui-col-xs-12" src="images/1.jpg" >
</div>

<h5 class="mui-content-padded">占满12份  6 + 6</h5>
<div class="mui-row">
    <img class="mui-col-xs-6" src="images/1.jpg" >
    <img class="mui-col-xs-6" src="images/2.jpg" >
</div>

<h5 class="mui-content-padded">占满12份  4 + 4 + 4</h5>
<div class="mui-row">
    <img class="mui-col-xs-4" src="images/1.jpg" >
    <img class="mui-col-xs-4" src="images/2.jpg" >
    <img class="mui-col-xs-4" src="images/3.jpg" >
</div>