菜鸟教程 tryfoundation_grid_2equal 在线代码实例

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

 <div class="row">
  <h2>网格 - 两个均等列</h2>
  <p>该实例演示了如何创建两个均等列 (50%/50%),在小型、中型和大型设备上列的比例始终为 50%/50%。</p>
  <p>重置浏览器窗口大小查看效果。</p>
  <div class="small-6 columns" style="background-color:yellow;">
    <p>.small-6</p>
  </div>
  <div class="small-6 columns" style="background-color:pink;">
    <p>.small-6</p>
  </div>
</div>