PHP Large Front-end
简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Foundation Chinese Manual

Foundation Chinese Manual

Collection(2) share
  • directory
  • search
  • bookmark
Foundation Chinese Manual /Foundation 网格 - 水平堆叠

Foundation 网格 - 水平堆叠

以下实例创建了一个基本的网格系统，在 PC 和平板设备上它是水平平铺的，在手机等小型设备上它是水平堆叠的。

实例

   Foundation 实例       

  
 
Foundation 网格
 
两列网格堆叠实例。
 
重置浏览器窗口大小查看效果。
 
php中文网
 
php中文网

运行实例 »

点击 "运行实例" 按钮查看在线实例

Note 提示:.small|medium|large-*类中的数字指定了跨越的列数。所以，.small-1跨越 1 列,.small-4跨越 4 列,.small-6跨越 6 列 (50% 宽度) 等。

注意:要保证数列加起来是 12 列!
←
→
submit