一：栅格布局
我们可以使用 行、列 的形式来排布界面上的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>
