栅格 Grid

示例

基本形式

col-2
col-4
col-6
<div class="g-row">
    <div class="g-col g-col-2"><div class="u-message">col-2</div></div>
    <div class="g-col g-col-2"><div class="u-message">col-2</div></div>
    <div class="g-col g-col-2"><div class="u-message">col-2</div></div>
    <div class="g-col g-col-2"><div class="u-message">col-2</div></div>
    <div class="g-col g-col-2"><div class="u-message">col-2</div></div>
    <div class="g-col g-col-2"><div class="u-message">col-2</div></div>
</div>
<div class="g-row">
    <div class="g-col g-col-4"><div class="u-message">col-4</div></div>
    <div class="g-col g-col-4"><div class="u-message">col-4</div></div>
    <div class="g-col g-col-4"><div class="u-message">col-4</div></div>
</div>
<div class="g-row">
    <div class="g-col g-col-6"><div class="u-message">col-6</div></div>
    <div class="g-col g-col-6"><div class="u-message">col-6</div></div>
</div>