Framework7学习笔记之 栅格布局/网格布局

一：栅格布局

我们可以使用 行、列 的形式来排布界面上的div，这就是网格化布局。

栅格布局只需要：用一个row类div来组织一个行；行中各个元素用col-XX指定占据行宽百分比。

行中各个单元格默认有15px间距，要取消间距的话只需在row类div处增加no-gutter类（新版中用 no-gap类）即可。

<!--普通行-->
<div class="row">
    <div class="col-33">33%</div>
    <div class="col-33">33%</div>
    <div class="col-33">33%</div>
</div>

<!--单元格宽度百分比-->
<div class="row no-gutter">
    <div class="col-50">50%</div>
    <div class="col-50">50%</div>
</div>   

原文地址：https://www.cnblogs.com/ygj0930/p/8456511.html