自学教程以下实例创建了一个基本的网格系统，在 PC 和平板设备上它是水平平铺的，在手机等小型设备上它是水平堆叠的。
<div class="row">
<div class="medium-6 columns" style="background-color:yellow;">
<p>自学教程</p>
</div>
<div class="medium-6 columns" style="background-color:pink;">
<p>自学教程</p>
</div>
</div>