Foundation 基礎(chǔ)
Foundation 教程
Foundation 安裝
Foundation 按鈕
Foundation 按鈕組
Foundation 標(biāo)簽
Foundation 表單
Foundation 表格
Foundation 側(cè)邊欄
Foundation 頂部導(dǎo)航欄
Foundation 分頁
Foundation 滑動導(dǎo)航
Foundation 滑塊
Foundation 價格表
Foundation 進度條
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 選項卡
Foundation 折疊列表
Foundation 手冊
Foundation CSS 參考手冊
Foundation CSS 可見性
Foundation 圖標(biāo)參考手冊
Foundation 網(wǎng)格
Foundation 塊狀網(wǎng)格
Foundation 網(wǎng)格 - 大型設(shè)備
Foundation 網(wǎng)格 - 水平堆疊
Foundation 網(wǎng)格 - 小型設(shè)備
Foundation 網(wǎng)格 - 中型設(shè)備
Foundation 網(wǎng)格實例
Foundation 網(wǎng)格系統(tǒng)
?
本文檔使用 php中文網(wǎng)手冊 發(fā)布
文字
Foundation 網(wǎng)格 - 水平堆疊
以下實例創(chuàng)建了一個基本的網(wǎng)格系統(tǒng)，在 PC 和平板設(shè)備上它是水平平鋪的，在手機等小型設(shè)備上它是水平堆疊的。
實例
?<div?class="row"> ??<div?class="medium-6?columns"?style="background-color:yellow;"> ????<p>手冊網(wǎng)教程</p> ??</div> ??<div?class="medium-6?columns"?style="background-color:pink;"> ????<p>手冊網(wǎng)教程</p> ??</div> </div>實例預(yù)覽 ?
提示: ?.small|medium|large-* 類中的數(shù)字指定了跨越的列數(shù)。所以， .small-1 跨越 1 列, .small-4 跨越 4 列,
.small-6 跨越 6 列 (50% 寬度) 等。注意: 要保證數(shù)列加起來是 12 列! |
關(guān)于我們 聯(lián)系我們 留言板
手冊網(wǎng)