Foundation 网格实例4

混合：手机、桌面设备
Foundation 网格系统有三个列: .small- (手机), .medium- (平板), 和 .large-* (桌面设备)。这些类可以动态组合使用，让布局更加灵活：

提示： 每个类都能放大，如果你希望小型和大型屏幕设备的宽度一样可以设置指定 .small-*。

实例

.small-6 .large-8

.small-6 .large-4

.small-2 .large-2

.small-4 .large-2

.small-6 .large-2

.small-3 .large-5

.small-9 .large-7

尝试一下 »
混合：手机、平板和桌面设备
实例

.medium-6 .large-8

.medium-6 .large-4

.small-4 .medium-3 .large-7

.small-4 .medium-6 .large-3

.small-4 .medium-3 .large-2