提到響應(yīng)式，就不得不提兩個(gè)響應(yīng)式框架——bootstrap和foundation。在標(biāo)題上我已經(jīng)說(shuō)明白啦，今天給大家介紹的是foundation框架。
何為“嘗鮮”？就是帶大伙初步一下foundation的靈活和強(qiáng)大
何為“踩坑”？就是我把我使用的時(shí)候踩過(guò)的坑給標(biāo)個(gè)記號(hào)，這樣大伙用的時(shí)候就可以“繞道而行“啦！
沒(méi)錯(cuò)今天我這篇文章講的就是北方醬左手邊的那個(gè)看起來(lái)溫（diao）文（de）爾（yi）雅（bi）的山羊先生：foundation!:
文章主要的四點(diǎn)內(nèi)容：
1.foundation 網(wǎng)格布局之行列柵格 (row and column)
2.foundation 網(wǎng)格布局之塊狀柵格（block grids）
3.響應(yīng)式柵格和可視化
4.浮動(dòng)?xùn)鸥?/span>
【注意】在這篇文章中我采取的是React框架的寫法，可能有些影響閱讀，請(qǐng)多多包涵，className等同于class, style= {{background:'red'}}等同于 style = "background:red"，可放心食用
【準(zhǔn)備工作】 把下面這兩個(gè)東西寫在你的html文件里：
<link rel="stylesheet" href="http://cdn.staticfile.org/foundation/6.3.0-rc3/css/foundation.min.css">（放在head標(biāo)簽內(nèi)）<script src="http://cdn.staticfile.org/jquery/3.1.1/jquery.min.js"></script>（放在body底部）
1.
