前言

随着移动互联网行业的高速发展，移动端页面的表现力和性能越来越受到企业的重视，界面的友好性和操作的方便性是技术开发的重要方向。

作为一款优秀的Web前端框架，Bootstrap遵循移动优先的原则，所开发的页面具有响应式的特性，突出对移动端的支持。它的灵活性和可扩展性加速了移动端页面开发的进程，自开源之后受到开发人员的追捧，推动了相关技术的发展。

要实现一个复杂的移动Web页面，开发人员往往需要使用多种移动Web开发技术。为帮助读者掌握相关技术，笔者组织编写了本书。

本书适合于具有HTML5、CSS3、JavaScript基础的开发人员，重点讲解了移动Web开发和Bootstrap的相关技术，采用“知识讲解+综合项目”的方式，帮助读者系统地学习知识点，培养读者分析问题和解决问题的能力。本书将抽象的概念具体化，将知识实践化，让读者深入理解相关知识，并能动手开发。

本书共8章，各章内容具体如下。

● 第1章主要讲解Bootstrap的基础知识，内容包括Bootstrap概述、浏览器、Visual Studio Code编辑器和移动Web开发的主流方案。通过学习本章的内容，读者能对Bootstrap有个初步的认识。

● 第2章主要讲解移动Web开发基础，内容包括视口、移动Web页面的样式编写、分辨率和设备像素比、二倍图、SVG矢量图。通过学习本章的内容，读者可对移动Web开发的基础知识有一定的了解，并为后续的学习奠定基础。

● 第3章仍然讲解移动Web开发基础，内容包括HTML5常用API、移动端常用事件、移动端常用插件。通过学习本章的内容，读者能够掌握API和事件的使用。

● 第4章主要讲解移动端页面布局，包括移动端页面常用布局、流式布局、弹性盒布局、媒体查询、Rem适配布局、Sass、Less和Bootstrap响应式布局。通过学习本章的内容，读者能够掌握移动端页面布局的基本使用。

● 第5章主要讲解Bootstrap栅格系统，内容包括栅格系统简介、Bootstrap布局容器、栅格系统的基本使用、栅格系统的屏幕适配、栅格系统中列的操作。通过学习本章的内容，读者能够掌握Bootstrap栅格系统的使用。

● 第6章主要讲解Bootstrap框架常用组件，内容包括组件基础、Bootstrap常用组件、Bootstrap实现菜单功能、Bootstrap实现轮播图功能。通过学习本章的内容，读者能够掌握Bootstrap常用组件的使用。

● 第7章主要讲解Bootstrap常用布局样式，内容包括内容布局、代码和图文布局、表格布局、辅助样式。通过学习本章的内容，读者能够使用Bootstrap所提供的常用布局样式，实现优雅、美观的页面布局效果。

● 第8章主要讲解综合项目——潮流穿搭网站。本章带领读者开发一个真实项目，内容包括项目分析、前期准备、代码讲解。通过学习本章的内容，读者能够掌握网站开发的真实流程和开发技巧，并可在项目中增加其他的功能模块，进一步完善网站的功能。

在学习的过程中，读者一定要多动手多练习，有不懂的地方，可以登录“高校学习平台”，通过平台中的教学视频进行深入学习。读者还可以在“高校学习平台”进行测试，巩固所学知识。另外，如果读者在学习过程中遇到困难，建议不要纠结于某一知识点，可先往后学习。随着学习的不断深入，前面不懂的地方一般也就慢慢理解了。

本书的编写和整理工作由传智播客教育科技有限公司完成，主要参与人员有韩冬、豆翻、张瑞丹等，全体人员在近一年的编写过程中付出了很多辛勤的汗水，在此一并表示衷心的感谢。

尽管笔者付出了很大的努力，但书中难免会有不妥之处，欢迎读者朋友们提出宝贵意见，我们将不胜感激。

来信请发送至电子邮箱itcast_book@vip.sina.com。

黑马程序员
2020年7月于北京