Foundation 基礎(chǔ)
Foundation 教程
Foundation 安裝
Foundation 按鈕
Foundation 按鈕組
Foundation 標(biāo)簽
Foundation 表單
Foundation 表格
Foundation 側(cè)邊欄
Foundation 頂部導(dǎo)航欄
Foundation 分頁
Foundation 滑動(dòng)導(dǎo)航
Foundation 滑塊
Foundation 價(jià)格表
Foundation 進(jìn)度條
Foundation 均衡器(Equalizer)
Foundation 開關(guān)
Foundation 列表
Foundation 麥哲倫（Magellan）導(dǎo)航
Foundation Joyride
Foundation 面板
Foundation 模態(tài)框
Foundation 輸入框 尺寸
Foundation 提示框
Foundation 提醒框
Foundation 圖標(biāo)
Foundation 圖片
Foundation 文本
Foundation 下拉菜單
Foundation 選項(xiàng)卡
Foundation 折疊列表
Foundation 手冊(cè)
Foundation CSS 參考手冊(cè)
Foundation CSS 可見性
Foundation 圖標(biāo)參考手冊(cè)
Foundation 網(wǎng)格
Foundation 塊狀網(wǎng)格
Foundation 網(wǎng)格 - 大型設(shè)備
Foundation 網(wǎng)格 - 水平堆疊
Foundation 網(wǎng)格 - 小型設(shè)備
Foundation 網(wǎng)格 - 中型設(shè)備
Foundation 網(wǎng)格實(shí)例
Foundation 網(wǎng)格系統(tǒng)
?
This document uses PHP Chinese website manual Release
characters
Foundation 網(wǎng)格 - 水平堆疊
以下實(shí)例創(chuàng)建了一個(gè)基本的網(wǎng)格系統(tǒng)，在 PC 和平板設(shè)備上它是水平平鋪的，在手機(jī)等小型設(shè)備上它是水平堆疊的。
實(shí)例
?<div?class="row"> ??<div?class="medium-6?columns"?style="background-color:yellow;"> ????<p>手冊(cè)網(wǎng)教程</p> ??</div> ??<div?class="medium-6?columns"?style="background-color:pink;"> ????<p>手冊(cè)網(wǎng)教程</p> ??</div> </div>實(shí)例預(yù)覽 ?
提示: ?.small|medium|large-* 類中的數(shù)字指定了跨越的列數(shù)。所以， .small-1 跨越 1 列, .small-4 跨越 4 列,
.small-6 跨越 6 列 (50% 寬度) 等。注意: 要保證數(shù)列加起來是 12 列! |
關(guān)于我們 聯(lián)系我們 留言板
手冊(cè)網(wǎng)