简介：Foundation 6是一款非常流行的开源UI框架， 提供了响应式布局，一系列UI组件，包括按钮，表单，导航等多类现成的控件。适合进行快速原型和产品开发。它基于SASS的实现方式，也方便开发者进行定制化设计和扩展开发。本教程分两部分进行了详细讲解。
第1章 Foundation简介
本章主要概述了Foundation框架的响应式设计应用，如何获取Foundation,以及其文件结构。同时将Foundation与其他流行的UI框架进行对比，了解Foundation适合的开发场景及其优势。
第2章 布局与工具类
通过本章学习，掌握两类基本的布局形式，用于进行有效的响应式布局：
grid layout： 包括列的嵌套，偏移，等分栅格，可见性控制等。
Flex Grid：包括尺寸调整，对齐，间距，偏移，元素顺序等。
第3章 多媒体，导航和字体
本章课程涉及Foundation支持的多类组件的使用，包括多媒体组件(徽章Badge, 伸缩视频Flex Video,，标签Label，轮播Orbit，进度条Progress Bar，缩略图Thumbnail和提示条Tooltip等)