1.4 Bootstrap5中文手册要点导航
1、不需要关注的内容
Bootstrap5中文手册（https://www.bootstrap.cn/doc/book/2）前两章和后两章（快速入门、定制、扩展、关于）都不需要看，只需要看《俺老刘Bootstrap5简明教程》中的基础入门部分即可。
2、布局（Layout）
断点（Breakpoints）：断点是可自定义的宽度，用于确定Bootstrap中如何跨设备或视口大小执行响应布局。
容器（Containers）：容器是Bootstrap的基本构建块，用于在给定的设备或窗口中包含、填充和对齐内容。
网格（Grid）：使用我们强大、行动优先的弹性盒子的网格来建立符合各种尺寸的网页排版，包含十二栏系统、六个缺省的响应式断点、Sass变量和mixins，以及很多预定义的类。
列布局（Columns）：借助我们的弹性盒子网格系统，了解如何使用一些用于对齐、排序和偏移的选项来修改列。另外，请参阅如何使用列类来管理非网格元素的宽度。
间隙（Gutters）：间隙是列之间的填充，用于在Bootstrap网格系统中相应地分隔和对齐内容。
布局通用类（Utilities）：布局通用类（Utilities）有时翻译为布局实用程序，为了更快的移动友好和响应性开发，Bootstrap包含了几十个用于显示、隐藏、对齐和间隔内容的实用程序类。
层级（Z-index）：虽然z索引不是Bootstrap网格系统的一部分，但它在组件如何相互覆盖和交互方面起着重要的作用。
3、页面内容（Content）
重置（Reboot）：针对单一文件内CSS的特定元素重置样式，重置以便Bootstrap准确且一致的建立样式。
文字排版（Typography）：Bootstrap排版的文档和示例，包括全局设置、标题、正文、列表等。
图片（Images）：本文档及示例展示了如何让图片支持响应式行为（这样它们就不会超出父元素的范围）以及如何通过类（class）添加些许样式。
表格（Tables）：Bootstrap设置表格文件和示例（提供表格在JavaScript插件程序中的用途）
画像（Figures）：通过 Bootstrap 的画像（figure）组件来显示相关联的图片和文本。本文档包含了画像（figure）组件的说明和示例。
4、表单（Forms）
表单概览（Overview）：Bootstrap表单控件样式、布局选项和用于创建各种表单的自定义组件的示例和使用指南。
表单控件（Form control）：为<input>和<textarea>等文本表单控件提供自定义样式、大小、焦点状态等的升级。
下拉列表（Select）：使用重置的CSS，重定义原生的下拉列表外观。
多选与单选（Checks & radios）：使用我们重构过的勾选组件，建立跨浏览器、跨设备皆一致的复选框（checkbox）及单选按钮（radio）。
范围选择（Range）：使用我们的自定义范围输入实现一致的跨浏览器样式和内置自定义。
输入组合（Input group）：通过在文本输入、自定义选择和自定义文件输入的任一侧添加文本、按钮或按钮组，可以轻松扩展窗体控件。通过在文本输入的任一侧添加文本、按钮或按钮组（自定义），可以轻松扩展窗体控件
浮动标签（Floating labels）：创建能够漂浮在输入字段上的，漂亮简单的表单标签。
表单布局（Layout）：使用我们的表单布局选项，为表单提供从内联到水平再到自定义网格实现的一些结构。
表单验证（Validation）：通过浏览器默认行为或自定义样式和JavaScript，通过HTML5表单验证向用户提供有价值的、可操作的反馈。
5、组件（Components）
手风琴（Accordion）：结合我们的折叠JavaScript插件构建垂直折叠手风琴。
警告框（Alerts）：为典型用户操作提供上下文反馈消息，并提供少量可用且灵活的警报消息。
徽章（Badge）：文件和徽章，我们的小计数和标签组件的例子。
面包屑导航（Breadcrumb）：指示当前页在导航层次结构中的位置，该层次结构通过CSS自动添加分隔符。
按钮（Buttons）：使用Bootstrap自定义的按钮样式来进行表单、对话框等操作，并支持多种大小、状态等。
按钮组（Button group）：将一系列按钮组合在一行上，或将它们堆叠在一个垂直的列中。
卡片（Card）：Bootstrap的卡提供了一个灵活的、可扩展的内容容器，其中包含多种变体和选项。
轮播（Carousel）：一种幻灯片放映组件，用于在元素、图像或文本幻灯片（如旋转木马）之间循环播放。
关闭按钮（Close button）：通用的关闭按钮，用于关闭互动视窗或是警报之类的内容。
折叠（Collapse）：在项目中透过Boostrap的类别及JavaScript插件切换内容的可视性。
下拉菜单（Dropdowns）：使用Bootstrap下拉菜单插件切换上下文覆盖效果，显示连接列表以及更多的内容。
列表群组（List group）：列表组是显示一系列内容的灵活而强大的组件。修改和扩展它们以支持其中的任何内容。
模态弹框（Modal）：使用Bootstrap的JavaScript模式插件将对话框添加到站点中，用于灯箱、用户通知或完全自定义的内容。
导航和选项卡（Navs & tabs）：有关如何使用 Bootstrap附带的导航组件的文档和示例。
导航工具条（Navbar）：Bootstrap强大的响应式导航条文件和示例。包括品牌，导览等，以及针对折叠插件的支持。
滑动导航（Offcanvas）：使用一些类和我们的JavaScript插件在项目中构建隐藏的侧边栏，用于导航、购物车等。
分页导航（Pagination）：用于显示分页以指示跨多个页面存在一系列相关内容的文档和示例。
弹出提示框（Popovers）：Bootstrap弹出提示框的文件与示例，风格类似iOS，可加在网页上的任何元素上。
进度条（Progress）：使用Bootstrap自定义进度条的文件和示例，这些进度条支持堆叠、动态背景和文字标签。
滚动监控（Scrollspy）：根据滚动位置自动更新Bootstrap 导航或列表组组件，以指示视口中当前处于活动状态的链接。
读取图标（Spinners）：使用Bootstrap读取图标以表示元件加载状态，这些读取图标完全使用HTML，CSS，而没有使用到JavaScript。
吐司消息（Toasts）：通过Toasts向使用者推播通知，它是一种轻量且易于客制化的警报消息
工具提示（Tooltips）：如何透过CSS与Javascript添加自定义Bootstrap工具提示的文件与示例。其中CSS3用于动画，data-bs-attributes用于用于本地标题的储存。
6、助手（Helpers）
清除浮动（Clearfix）：透过增加clearfix通用类别，可以快速轻松地清除容器中的浮动内容。
彩色链接（Colored links）：带悬停状态的彩色链接
长宽比（Ratio）：使用产生的伪元素使元素保持您选择的长宽比。非常适合根据父对象的宽度响应处理视频或嵌入幻灯片。
定位（Position）：使用这些辅助器可以快速配置元素的位置。
视觉隐藏（Visually hidden）：使用这些工具可以在视觉上隐藏元素，但元素仍可以被辅助技术使用。
延伸链接（Stretched link）：透过CSS将连接“延伸”，令任何HTML元素或Bootstrap元件变得可点击。
文字截断（Text truncation）：用省略号截断长字符串。
7、通用类（Utilities）
通用类别API：通用类别API是基于Sass工具所产生的通用类。
背景（Background）：通过背景色传达意义，并添加渐变装饰。
边框（Borders）：使用Border通用类别迅速设计一个元素的border和border-radius。可用于图象、按钮、或任何其它元素。
颜色（Colors）：借助一些颜色通用类别让颜色的表达具有意义。这也包括支持有hover状态的样式连接。
显示方式（Display）：使用display通用类别快速且响应式的切换元件的显示与否。我们的display通用类别包含许多常用的值，另外在打印时也能使用。
弹性盒子（Flex）：flexbox弹性盒子通用类别的套件包管理网格栏的排版、对齐、尺寸缩放，以及导览、元件等。对于更复杂的表现则需要自定义CSS。
浮动（Float）：使用我们响应式的float通用类别，在任何断点上切换任何元素的浮动。
互动（Interactions）：可改变使用者如何与网页内容互动的通用类。
溢出（Overflow）：使用这些速记的通用类别快速配置内容溢出元素的方式。
位置（Position）：使用这些速记实用程序可以快速配置元素的位置。
阴影（Shadows）：使用box-shadow通用类别来增加或移除阴影。
尺寸（Sizing）：使用宽度和高度通用类别，可以轻松地将一个元素加宽或增高。
间距（Spacing）：Bootstrap包括各种简写响应式margin、padding和间隔的通用类别，用来修改一个元素的外观。
文字（Text）：文字通用类别的文档和示例，用于控制对齐、环绕、粗细等。
垂直对齐（Vertical align）：轻松地改变inline、inline-block、inline-table、和table元素的垂直对齐方式。
可视性（Visibility）：通过可视性通用类别控制元素的能见度，不需要修改元素的实际空间。