grid-demo layui-bg-red">50% | 66.67% | 33.33%</div>
    </div>
    <div class="layui-col-xs4 layui-col-sm12 layui-col-md4">
      <div class="grid-demo layui-bg-blue">33.33% | 100% | 33.33%</div>
    </div>
    <div class="layui-col-xs4 layui-col-sm7 layui-col-md8">
      <div class="grid-demo layui-bg-green">33.33% | 50% | 66.67%</div>
    </div>
    <div class="layui-col-xs4 layui-col-sm5 layui-col-md4">
      <div class="grid-demo layui-bg-black">33.33% | 50% | 33.33%</div>
    </div>
  </div>

  <fields