第1章“初识Bootstrap”,教给大家如何下载Bootstrap,如何基于HTML5 Boilerplate设置站点模板,并且掌握把Bootstrap的LESS文件编译为CSS的方法。

第2章“作品展示站点”,开始学习创建简单的个人作品展示网站,包括全宽的传送带切换效果,三栏文本布局,以及使用Font Awesome的字体图标——通过自定义Bootstrap的LESS文件。

第3章“WordPress主题”,学习把第2章的个人作品展示站点转换成一个WordPress主题。这一章要利用有名的Roots Theme,根据我们的需要,还会涉及自定义模板文件、LESS、CSS和JavaScript。

第4章“企业网站”,将通过创建一个企业级网站学习如何创建复杂的页头区,添加下拉菜单和实用导航,以及构建复杂的三栏布局和四栏页脚,同时还要确保所有这些内容具有完全的响应能力。

第5章“电子商务网站”,带领大家探索商品展示页面的设计,学会在复杂的响应式网格中控制多行商品。与此同时,还要实现一个响应式的商品筛选工具。

第6章“单页营销网站”,这一章教给大家构建时尚的单页营销网站,包括带高清图的大字欢迎语、带大图标的商品功能列表、图片墙式的用户评论区,以及三个精美的价目表,最终完成一个支持动态滚动导航的漂亮的单页网站。

附录A“优化站点资源”,以第2章的网站资源为例,介绍了为最终部署网站而优化Bootstrap LESS/CSS及JavaScript等静态资源的基本流程和工具。这个附录对所有Bootstrap项目都一样有用。

附录B“实现响应式图片”,介绍最前沿的响应式图片解决方案Picturefill,仍然以第2章项目中的作品图片传送带为例。这个附录对其他项目也一样有用。

附录C“让传送带支持手势”,介绍在Bootstrap的传送带中使用一款先进的插件Hammer.js,实现传送带图片的轻扫切换功能。

30:00