菜鸟教程 tryfoundation_grid_3unequal 在线代码实例

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

 <div class="row">
  <h2>网格 - 三个不均等列</h2>
  <p>该实例演示了如何创建三个不均等列 (25%/50%/25%),在中型和大型设备上显示三个列,在小型设备上自动堆叠。</p>
  <p>重置浏览器窗口大小查看效果。</p>
  <div class="medium-3 columns" style="background-color:yellow;">
    <p>.medium-3</p>
  </div>
  <div class="medium-6 columns" style="background-color:pink;">
    <p>.medium-6</p>
  </div>
  <div class="medium-3 columns" style="background-color:yellow;">
    <p>.medium-3</p>
  </div>
</div>