Foundation 网格 - 水平堆叠

.small | medium | large-* 类中的数字指定了跨越的列数,因此 .small-1跨越 1 列,.small-4跨越 4 列,.small-6 跨越 6 列 (50% 宽度)

注意: 要保证数列加起来是 12 列

下面的代码创建了一个基本的网格系统,在 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>

运行范例 »

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.