内容提要

本书系统介绍Bootstrap 5的相关知识及其应用，知识全面、案例丰富、易学易用。本书共11章，内容可以归纳为4部分，即Bootstrap 5的基本知识、弹性布局和栅格布局、组件和表单、实际网站的设计和实现；同时，本书还将Bootstrap 5与之前的版本及DIV+CSS布局进行对比，从多个维度介绍基于Bootstrap 5的Web前端开发技术的优势。此外，编者细致整理了本书所有案例的源码和素材资源，以便读者扎实学习并系统掌握Bootstrap 5这一Web前端开发框架。

本书可作为普通高等院校、高职高专院校网站设计相关课程的教材，也可作为信息技术类相关专业学生和Web前端开发人员的参考书。

前言

技术背景

前端框架Bootstrap自2011年8月发布至今，已有11年。Bootstrap称自己为“世界上最流行的用于构建响应式、移动优先站点的框架”。2022年10月，GitHub星数排行榜的数据表明，Bootstrap已成为全球极为流行的前端开源框架。

Bootstrap作为流行的CSS框架，支持Sass变量和Mixins、响应式栅格系统、大量的预建组件和强大的JavaScript插件，可以帮助用户快速设计和自定义响应式、移动优先的站点。在Web前端开发项目中使用Bootstrap框架，可以显著提高开发效率，降低开发的复杂度。

Bootstrap 5简介

Bootstrap 5是当前使用的主要版本，于2021年5月发布。它相比于之前的版本有大量的变化，包括添加了新组件、新类、旧组件的新样式，支持更新的浏览器，删除了一些旧组件等。

与之前的版本相比，jQuery不再是Bootstrap 5的依赖项，用户可以在没有jQuery的情况下充分使用Bootstrap 5。

Bootstrap 5通过较少的修改来改进Bootstrap 4。如果读者有Bootstrap 4的使用经验，则掌握Bootstrap 5是很容易的。Bootstrap 4中的大部分组件和类在Bootstrap 5中仍然可用。对于改进的部分，书中大都做了说明。

如果读者有Bootstrap 3的基础，则不难知道，相比于Bootstrap 3，Bootstrap 5对组件和插件进行了较大的改进，例如增加工具类、改变栅格布局、替换组件等，这些改进在本书中均有相应的提示。

本书内容

本书从Bootstrap 5的基础入手，帮助读者理解Bootstrap 5的使用方法。本书对Bootstrap 5的内容由浅入深地进行讲解，尤其是它在响应式开发中的应用。为了帮助读者深入掌握Bootstrap 5的精髓，编者在本书中特别做了下面的工作。

一是在介绍Bootstrap 5的组件或类时，深入分析部分组件和类的源码，对比它与早期版本的组件或插件的区别，重点说明它的使用方法和应用场景，方便具有一定基础的读者深入学习。

二是与Web前端开发应用充分结合。书中在对框架知识点进行细致讲解的同时，还给出了应用示例，最后附上综合案例，方便读者在具体的场景下使用Bootstrap 5，并在目标指引下学习和应用相关技术。

三是详细介绍定制开发与Sass，为读者的后续学习和技能提升奠定基础。

本书以Bootstrap 5的技术框架为主线，内容可以归纳为以下4部分。

第1部分是Bootstrap 5的基础知识，包括第1章～第3章，介绍Bootstrap概述、Bootstrap 5的基础样式、Bootstrap 5的工具类，它们是全书的基础。

第2部分是Bootstrap 5的布局，包括第4章～第5章，介绍Bootstrap 5的弹性布局和栅格布局。

第3部分是Bootstrap 5的组件和表单，以及如何使用Sass进行定制开发，包括第6章～第9章，详细讲解不同组件的应用，着重介绍定制开发的工具和过程。