了解下Foundation 网格实例 您所在的位置:网站首页 small和little怎么用 了解下Foundation 网格实例

了解下Foundation 网格实例

#了解下Foundation 网格实例| 来源: 网络整理| 查看: 265

Foundation 网格系统有三个列: .small-* (手机), .medium-* (平板), 和 .large-* (桌面设备)。

三个均等列

该实例演示了如何创建三个均等列 (33.3%/33.3%/33.3%) ,在中型和大型设备上显示三个列,在小型设备上自动堆叠:

实例

.medium-4

.medium-4

.medium-4

三个不均等列

该实例演示了如何创建三个不均等列 (25%/50%/25%),在中型和大型设备上显示三个列,在小型设备上自动堆叠:

实例

.medium-3

.medium-6



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有