提到响应式，就不得不提两个响应式框架——bootstrap和foundation。在标题上我已经说明白啦，今天给大家介绍的是foundation框架。
何为“尝鲜”？就是带大伙初步一下foundation的灵活和强大
何为“踩坑”？就是我把我使用的时候踩过的坑给标个记号，这样大伙用的时候就可以“绕道而行“啦！
没错今天我这篇文章讲的就是北方酱左手边的那个看起来温（diao）文（de）尔（yi）雅（bi）的山羊先生：foundation!:
文章主要的四点内容：
1.foundation 网格布局之行列栅格 (row and column)
2.foundation 网格布局之块状栅格（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标签内）<script src="http://cdn.staticfile.org/jquery/3.1.1/jquery.min.js"></script>（放在body底部）
1.
延伸阅读
学习是年轻人改变自己的最好方式