菜鸟教程 tryfoundation_grid_large 在线代码实例

运行 保存 全屏 右侧展示 实时查看
主题:

 <div class="row">
  <h2>Foundation 网格</h2>
  <p>大型设备上的比例为 33%/66%, 中型设备比例为 50%/50% ,小型设备比例为 25%/75% 。</p>
  <p>重置浏览器窗口大小查看效果。</p>
  <div class="small-3 medium-6 large-4 columns" style="background-color:yellow;">
    <p>W3Cschool教程</p>
  </div>
  <div class="small-9 medium-6 large-8 columns" style="background-color:pink;">
    <p>W3Cschool教程</p>
  </div>
</div>