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