栅格系统

栅格系统

<div class="um-row">
    <div class="um-xs-12 um-sm-6 um-md-8">.um-xs-12 .um-sm-6 .um-md-8</div>
    <div class="um-xs-6 um-md-4">.um-xs-6 .um-md-4</div>
</div>
<div class="um-row">
    <div class="um-xs-6 um-sm-4">.um-xs-6 .um-sm-4</div>
    <div class="um-xs-6 um-sm-4">.um-xs-6 .um-sm-4</div>
    <div class="clearfix"></div>
    <div class="um-xs-6 um-sm-4">.col-xs-6 .col-sm-4</div>
</div>

系统会自动将每一行分为最多12列，um-sm-1占据每行的1/12，以此类推
如果在一个 .um-row 内包含的列（column）大于12个，包含多余列（column）的元素将作为一个整体单元被另起一行排列。
注意：栅格系统默认带有左右各15px的内填充，若需要去除内填充，可以在里面或者外面包裹一层类为um-row或者um-fill的div,或者在其外层父元素中添加类um-row和um-fill

如下所示：

<div class="um-row"> 
    <div class="um-sm-6">.um-sm-6</div> 
    <div class="um-xs-6">.um-xs-6</div>
</div>