Foundation 網格-水平堆疊
以下實例創建了一個基本的網格系統，在 PC 和平板設備上它是水平平鋪的，在手機等小型設備上它是水平堆疊的。
實例
<div class="row">
<div class="medium-6 columns" stylex="background-color:yellow;">
<p>菜鳥</p>
</div>
<div class="medium-6 columns" stylex="background-color:pink;">
<p>菜鳥</p>
</div>
</div>
提示:
.small|medium|large-* 類中的數字指定了跨越的列數。所以， .small-1 跨越 1 列, .small-4 跨越 4 列,.small-6 跨越 6 列 (50% 寬度) 等。注意: 要保證數列加起來是 12 列!
※Foundation 均衡器(Equalizer)
※Foundation 網格-中型設備
※Foundation 開關
※Foundation 滑塊
TAG:程序員小新人學習 |
※PowerPoint中的標尺、網格線及參考線
※如何在亞洲多個「城市網格」中，演繹 adidas Originals DEERUPT？
※Nature再發DeepMind研究：AI復現大腦網格細胞模擬導航！
※5月機器學習TOP 10熱文：Google Duplex，「換臉術」、網格單元
※網格交易的頭部玩家，BitUniverse到底怎麼樣？
※利用photoshop製作一個科技感線條網格
※Nature在線公布穀歌DeepMind重大成果，AI替科學家搞定「網格細胞」，要搶諾貝爾獎？
※Atomontage採用體素技術取代多邊形圖形網格
※使用網格搜索優化CatBoost參數
※Adv.Mater：3D列印高剛性＆韌性多核殼架構網格
※Firefox開始支持子網格，產生新的網格布局
※NYU Courant 二年級博士生薑仲石：網格曲面的神經網路
※如何使用Python超參數的網格搜索ARIMA模型
※TeXtreme展寬碳纖維織物又添±45°網格布新成員
※英偉達用Asteroids展示網格著色技術 顯著提高圖像質量
※Lumin OS 0.97已支持多人模式，加入手部網格API
※Nature：利用人工智慧模擬大腦中的網格細胞
※今日Nature，AI已經替人搞定網格細胞，下面要搶諾貝爾獎？
※網格摯愛！A-COLD-WALL* 全新包袋系列！
※Shams：籃網格拉漢姆左腿筋撕裂 預計將缺戰兩個月