Bootstrap 框架功能虽然强大，但是对于初学者来说入门比较困难，市场上的图书则以翻译为主，缺少一本真正适合初学者入门的书。本书以能让读者掌握Bootstrap 框架技术作为编写思路，知识点从易到难，讲解详细且透彻，结构合理，对于读者快速掌握Bootstrap 前端框架有很大的帮助。

《Bootstrap从入门到项目实战》的特色如下：

零基础、入门级的讲解

无论您是否从事相关行业，无论您是否接触过Bootstrap 网页设计，都能从本书中找到适合的起点。

实用、专业的范例和项目

本书从Bootstrap 基本操作开始，逐步带领读者学习Bootstrap 的各种应用技术，侧重实战技能，使用简单易懂的实际案例进行分析和操作指导，让读者学起来简明轻松，操作起来有章可循。

细致入微、贴心提示

本书在讲解过程中，在各章中使用了“注意”“提示”“技巧”等小栏目，使读者在学习过程中能更清楚地了解相关操作、理解相关概念，并轻松掌握各种操作技巧。

超值资源大放送

全程同步教学录像

涵盖本书所有知识点，详细讲解每个实例及项目的过程及技术关键点。比看书更能轻松地掌握书中所有的网页制作和设计知识，而且扩展的讲解部分使您得到比书中更多的收获。

超多容量优质资源

赠送大量优质资源，包括实例源

　　《Bootstrap从入门到项目实战》从零基础开始讲解，用实例引导读者深入学习，深入浅出地讲解了Bootstrap 4网页设计的各项技术及实战技能。
　　该书共18章，主要内容包括：开发框架Bootstrap4简介、使用新框架Bootstrap 4、快速掌握Bootstrap 4布局、Bootstrap 4的新布局——弹性盒子、核心工具库-CSS通用样式类、Bootstrap 4的新版式、认识CSS组件、深入掌握CSS组件、高级的CSS组件、Bootstrap 4的新增组件——旋转器和卡片、快速认识JavaScript插件、深入精通JavaScript插件等。最后讲解了6个行业热点项目实训，包括招聘网中的简历模板、仿星巴克网站、相册类博客项目、设计流行企业网站、Web设计与定制网站、开发神影视频网站。
　　该书适合任何想学习Bootstrap网页设计的读者，无论您是否从事相关行业，是否接触过Bootstrap网页设计，通过学习该书内容均可快速掌握Bootstrap网页设计和开发动态网站的方法和技巧。

作者长期从事网站开发工作，数年来承接了大量的项目，具有丰富的实践经验。

第1章 开发框架Bootstrap 4简介
1．1 Bootstrap概述
1．1．1 Bootstrap发展历史
1．1．2 Bootstrap的优势
1．1．3 Bootstrap4介绍
1．1．4 Bootstrap4浏览器支持
1．2 Bootstrap特性
1．2．1 Bootstrap 4的构成
1．2．2 Bootstrap的特色
1．3 Bootstrap应用浏览
1．3．1 Bootstrap网站
1．3．2 Bootstrap插件
1．4 Bootstrap开发工具和资源
1．4．1 Bootstrap开发工具
1．4．2 Bootstrap资源

第2章 使用最新的框架Bootstrap 4
2．1 下载Bootstrap
2．2 Bootstrap的结构
2．2．1 源码版Bootstrap文件结构
2．2．2 编译版Bootstrap文件结构
2．3 安装Bootstrap
2．3．1 本地安装
2．3．2 在线安装
2．4 案例实训1-设计阿页按钮
2．5 案例实训2-设计网页轮播组件

第3章 快速掌握Bootstrap4布局
3．1 布局基础
3．1．1 布局容器
3．1．2 响应断点
3．1．3 z．index
3．2 网格系统
3．2．1 网格选项
3．2．2 自动布局列
3．2．3 响应类
3．2．4 重排序
3．2．5 列嵌套
3．3 布局工具类
3．4 案例实训1-仿QQ登录界面
3．5 案例实训2-开发电商网站特效
……
第4章 Bootstrap 4的新布局——弹性盒子
第5章 核心工具库-CSS通用样式类
第6章 Bootstrap 4的新版式
第7章 认识CSS组件
第8章 深入掌握CSS组件
第9章 高级的CSS组件
第10章 Bootstrap 4的新增组件-一旋转器和卡片
第11章 快速认识JavaScript插件
第12章 深入精通JavaScript插件
第13章 项目实训1-招聘网中的简历模板
第14章 项目实训2-仿星巴克网站
第15章 项目实训3-相册类博客项目
第16章 项目实训4-设计流行企业网站
第17章 项目实训5-Web设计与定制网站
第18章 项目实训6-开发神影视频网站

1.1.2 Bootstrap 的优势

据调查，目前在各大中小型公司和企业中，很多前端项目都在全面推行使用Bootstrap。当然如此火爆，自然有它的道理，下面为大家简单地分析一下。

第一，Bootstrap 出自Twitter。由大公司发布，并且完全开源，自然久经考验，减少了测试的工作量。这也就是我们经常说到的站在巨人的肩膀上，不重复造轮子。

第二，Bootstrap 的代码有着非常良好的代码规范。在使用Bootstrap 时也有助于我们养成良好的编码习惯，在Bootstrap 的基础之上创建项目，日后代码的维护也变得异常简单清晰。

第三，Bootstrap 是基于Less 打造的，并且也有Sass 版本。Less/Sass 是CSS 的预处理技术，正因如此，它一经推出就包含了一个非常实用的Mixin 库供用户调用，使得开发者在开发过程中对CSS 的处理更加简单。

第四，响应式开发。Bootstrap 响应式的网格系统（Grid System）非常先进，它已经帮用户搭建好了实现响应式设计的基础框架，并且非常容易修改，如果你是一个新手，Bootstrap 可以帮助你在非常短的时间内上手响应式布局的设计。

第五，丰富的组件与插件。Bootstrap 的HTML 组件和JavaScript 组件非常丰富，并且代码简洁，非常易于修改，如果你觉得它设计的样子不是自己所想要的，你完全可以在其基础之上修改成自己想要的任何样子。由于Bootstrap 的火爆，又出现了不少围绕Bootstrap 而开发的JavaScript 插件，这就使得开发的工作效率得到极大提升。

以上这些都是使用Bootstrap 所带来的优势。当然Bootstrap 并不能帮你完成所有事情，它只是一个框架，在这个框架上面你依旧可以任意发挥，并且发挥得更好，但是前提是你要驾驭得了它。

前言

为什么要写这样一本书

Bootstrap 是目前最受欢迎的前端框架之一。Bootstrap 是基于 HTML、CSS、JavaScript 的，它简洁灵活，能够在很大程度上降低Web 前端开发的难度，因此深受广大Web 前端开发人员的喜爱。Bootstrap 框架功能虽然强大，但是对于初学者来说入门比较困难，市场上的图书则以翻译为主，缺少一本真正适合初学者入门的书。本书以能让读者掌握Bootstrap 框架技术作为编写本书的思路，知识点从易到难，讲解详细且透彻，结构合理，对于读者快速掌握Bootstrap 前端框架有很大的帮助。

本书特色

零基础、入门级的讲解

无论您是否从事相关行业，无论您是否接触过Bootstrap 网页设计，都能从本书中找到最佳起点。

实用、专业的范例和项目

本书从Bootstrap 基本操作开始，逐步带领读者学习Bootstrap 的各种应用技术，侧重实战技能，使用简单易懂的实际案例进行分析和操作指导，让读者学起来简明轻松，操作起来有章可循。

细致入微、贴心提示

本书在讲解过程中，在各章中使用了“注意”“提示”“技巧”等小栏目，使读者在学习过程中能更清楚地了解相关操作、理解相关概念，并轻松掌握各种操作技巧。

超值资源大放送

全程同步教学录像

涵盖本书所有知识点，详细讲解每个实例及项目的过程及技术关键点。比看书更能轻松

地掌握书中所有的网页制作和设计知识，而且扩展的讲解部分使您得到比书中更多的收获。

超多容量王牌资源

赠送大量王牌资源，包括实例源代码、教学幻灯片、本书精品教学视频、88 个实用类网页模板、12 部网页开发必备参考手册、HTML 5 标签速查手册、精选的JavaScript 实例、CSS 3 属性速查表、JavaScript 函数速查手册、CSS+DIV 布局赏析案例、精彩网站配色方案赏析、网页样式与布局案例赏析、Web 前端工程师常见面试题等。

读者对象

没有任何Bootstrap网页开发基础的初学者。

有一定的Bootstrap网页开发基础，想精通前端框架开发的人员。

有一定的网页前端设计基础，没有项目经验的人员。

大专院校及培训学校的老师和学生。

创作团队

本书由李爱玲编著，参加编写的人员还有刘春茂、李艳恩和李佳康。在编写过程中，我们虽竭尽所能将最好的讲解呈现给了读者，但难免有疏漏和不妥之处，敬请读者不吝指正。

若您在学习中遇到困难或疑问，或有任何建议，可写信发送至邮箱。

编 者