# Bootstrap 中文文档

> Bootstrap 6.0（Alpha）与 Bootstrap 5.3（稳定版）官方文档的中文版本，Hugo 生成的静态站点。

文档全文合并文件：[https://bs.88fc.cn/llms-full.txt](https://bs.88fc.cn/llms-full.txt)

## Bootstrap 6.0（Alpha）

### 快速开始

- [安装](https://bs.88fc.cn/docs/6.0/getting-started/install/): 通过 CDN、包管理器或源文件将 Bootstrap 添加到你的项目。
- [AI 辅助开发](https://bs.88fc.cn/docs/6.0/getting-started/ai/): 了解 Bootstrap 的机器可读文档和技能文件，用于处理大语言模型 (LLM) 和支持代理的开发者工具。
- [设计思路](https://bs.88fc.cn/docs/6.0/getting-started/approach/): 了解构建和维护 Bootstrap 所遵循的指导原则、策略与技巧，以便你更轻松地自定义和扩展它。
- [CSS 变量](https://bs.88fc.cn/docs/6.0/getting-started/css-variables/): 使用 Bootstrap 的 CSS 自定义属性进行快速且面向未来的设计和开发。
- [JavaScript](https://bs.88fc.cn/docs/6.0/getting-started/javascript/): 通过我们的可选 JavaScript 插件让 Bootstrap 生动起来。了解每个插件、我们的数据和编程 API 选项，以及更多内容。
- [浏览器与设备](https://bs.88fc.cn/docs/6.0/getting-started/browsers-devices/): 了解 Bootstrap 支持的浏览器和设备，从现代到旧版本，以及该框架所构建的现代平台特性。
- [无障碍访问](https://bs.88fc.cn/docs/6.0/getting-started/accessibility/): 关于 Bootstrap 在创建可访问内容方面的功能和局限性的简要概述。
### 指南

- [快速上手](https://bs.88fc.cn/docs/6.0/guides/quickstart/): 使用 CDN 在项目中引入 Bootstrap CSS 和 JavaScript 的官方指南。
- [起始模板](https://bs.88fc.cn/docs/6.0/guides/starter-template/): 用一份最小的 HTML 模板快速开始 Bootstrap 6 项目。
- [npm](https://bs.88fc.cn/docs/6.0/guides/npm/): 官方指南，说明如何在项目中使用 npm 构建一个包含 Bootstrap 的 CSS 和 JavaScript 的入门项目。
- [Webpack](https://bs.88fc.cn/docs/6.0/guides/webpack/): 使用 Webpack 在你的项目中包含和打包 Bootstrap 的 CSS 和 JavaScript 的官方指南。
- [Parcel](https://bs.88fc.cn/docs/6.0/guides/parcel/): 使用 Parcel 在项目中包含和打包 Bootstrap 的 CSS 和 JavaScript 的官方指南。
- [Vite](https://bs.88fc.cn/docs/6.0/guides/vite/): 使用 Vite 在你的项目中包含和打包 Bootstrap 的 CSS 和 JavaScript 的官方指南。
- [参与贡献](https://bs.88fc.cn/docs/6.0/guides/contribute/): 通过我们的文档构建脚本和测试帮助开发 Bootstrap。
- [迁移指南](https://bs.88fc.cn/docs/6.0/guides/migration/): 跟踪并查看 Bootstrap 源文件、文档和组件的更改，以帮助你从 v5 迁移到 v6。
### 定制

- [定制概览](https://bs.88fc.cn/docs/6.0/customize/overview/): 了解 Bootstrap 的颜色如何驱动我们的设计系统主题。使用 Sass、大量全局选项以及丰富的全局和组件特定的 CSS 变量来自定义和扩展 Bootstrap。
- [Sass](https://bs.88fc.cn/docs/6.0/customize/sass/): 使用我们的源 Sass 文件，利用变量、映射、mixin和函数来帮助你更快地构建并自定义项目。
- [全局选项](https://bs.88fc.cn/docs/6.0/customize/options/): 通过内置变量快速自定义 Bootstrap，轻松切换全局 CSS 偏好以控制样式和行为。
- [颜色](https://bs.88fc.cn/docs/6.0/customize/color/): Bootstrap 支持一个广泛的颜色系统，为我们改进的主题、组件和颜色模式提供支持。这使得任何项目都能实现更全面的自定义和扩展。
- [主题](https://bs.88fc.cn/docs/6.0/customize/theme/): Bootstrap 主题是一组语义化命名的标记，用于为我们的组件、工具等进行样式设计。该主题是可配置的，可响应颜色模式，并且可以通过 Sass 或 CSS 使用。
- [颜色模式](https://bs.88fc.cn/docs/6.0/customize/color-modes/): Bootstrap 支持浅色和深色模式。页面默认遵循访问者的系统偏好设置，你可以使用 data-bs-theme 属性在全局或每个组件上强制设置模式。
- [组件定制](https://bs.88fc.cn/docs/6.0/customize/components/): 了解我们如何以及为什么几乎所有组件都是响应式构建，并使用基础类和修饰符类。
- [过渡动画](https://bs.88fc.cn/docs/6.0/customize/transitions/): 了解 Bootstrap 组件如何动画，它们由哪些状态类驱动，以及如何重新调整或移除动画效果。
- [RTL（从右到左）](https://bs.88fc.cn/docs/6.0/customize/rtl/): 学习如何在我们的布局、组件和工具中启用对 Bootstrap 右到左文本的支持。
- [优化](https://bs.88fc.cn/docs/6.0/customize/optimize/): 保持你的项目精简、响应迅速且易于维护，这样你就可以提供最佳体验并专注于更重要的工作。
### 布局

- [断点](https://bs.88fc.cn/docs/6.0/layout/breakpoints/): 断点是可以自定义的宽度，决定响应式布局在不同设备或视口尺寸下的表现。
- [容器](https://bs.88fc.cn/docs/6.0/layout/containers/): 容器是 Bootstrap 的基础构建块，用于在给定设备或视口内容纳、添加内边距并对齐内容。
- [网格系统](https://bs.88fc.cn/docs/6.0/layout/grid/): 使用强大的移动优先 flexbox 网格构建各种形状和尺寸的布局，依托 12 列系统、六个默认响应式层级、Sass 变量和 mixin，以及数十个预定义类。
- [列](https://bs.88fc.cn/docs/6.0/layout/columns/): 了解如何使用少量的选项修改列，包括对齐、排序和偏移，这要归功于我们的弹性盒子网格系统。此外，了解如何使用列类来管理非网格元素的宽度。
- [槽宽](https://bs.88fc.cn/docs/6.0/layout/gutters/): 槽宽（gutter）是列与列之间的间隔，用于在 Bootstrap 网格系统中响应式地分隔和对齐内容。
- [布局工具类](https://bs.88fc.cn/docs/6.0/layout/utilities/): 为了实现更快速的移动友好和响应式开发，Bootstrap 包含数十个用于显示、隐藏、对齐和间距内容的工具类。
- [Z-index](https://bs.88fc.cn/docs/6.0/layout/z-index/): 虽然不是 Bootstrap 网格系统的一部分，但 z-index 在我们的组件如何叠加和相互作用中起着重要作用。
- [CSS 网格](https://bs.88fc.cn/docs/6.0/layout/css-grid/): 学习如何启用、使用和自定义我们基于 CSS Grid 的备用布局系统，并附带示例和代码片段。
### 内容

- [重置样式（Reboot）](https://bs.88fc.cn/docs/6.0/content/reboot/): Reboot，是一个将特定元素的 CSS 更改汇集到单个文件中的集合，它为启动 Bootstrap 提供了一个优雅、一致且简单的基线，以便在此基础上构建。
- [排版](https://bs.88fc.cn/docs/6.0/content/typography/): Bootstrap 排版的文档和示例，包括全局设置、标题、正文、列表等。
- [图片](https://bs.88fc.cn/docs/6.0/content/images/): 关于将图片设置为响应式行为（使其宽度永远不会超过父元素）以及向其添加轻量级样式的文档和示例——所有操作都通过类完成。
- [表格](https://bs.88fc.cn/docs/6.0/content/tables/): Bootstrap 的文档和示例，用于表格的选择性样式（鉴于它们在 JavaScript 插件中的普遍使用）。
- [正文排版（Prose）](https://bs.88fc.cn/docs/6.0/content/prose/): 使用 .prose 包装类可以更轻松地创建长篇内容，而无需在每个元素上指定 Bootstrap 类。特别适合将 Markdown 或 MDX 转换为 HTML，或仅仅是为了让内容繁重的页面更易读。
### 表单

- [表单概览](https://bs.88fc.cn/docs/6.0/forms/overview/): 用于创建各种表单的表单控件样式、布局选项和自定义组件的示例和使用指南。
- [字段](https://bs.88fc.cn/docs/6.0/forms/field/): 一个用于表单控件的通用布局包装器，使用 CSS 网格处理标签、描述和验证反馈的位置。
- [表单控件](https://bs.88fc.cn/docs/6.0/forms/form-control/): 为文本 <input>、<textarea> 和 <select> 元素提供升级，包括自定义样式、尺寸、聚焦状态等。
- [复选框](https://bs.88fc.cn/docs/6.0/forms/checkbox/): 高度可定制的原生复选框<input>元素，用于呈现可切换的选项。
- [单选框](https://bs.88fc.cn/docs/6.0/forms/radio/): 高度可自定义的本地单选<input>元素，用于从多个选项中选择一个。
- [开关](https://bs.88fc.cn/docs/6.0/forms/switch/): 基于原生 <input> 复选框元素构建的自定义切换组件。
- [范围滑块](https://bs.88fc.cn/docs/6.0/forms/range/): 使用我们的自定义范围输入，实现跨浏览器一致的样式，包括填充轨道、值气泡和刻度标记。
- [输入框组](https://bs.88fc.cn/docs/6.0/forms/input-group/): 通过在文本输入、自定义选择和自定义文件输入的任一侧添加文本、按钮或按钮组，轻松扩展表单控件。
- [浮动标签](https://bs.88fc.cn/docs/6.0/forms/floating-labels/): 创建美观简洁的表单标签，悬浮在输入字段上方。
- [表单装饰](https://bs.88fc.cn/docs/6.0/forms/form-adorn/): 使用自定义包装器为输入框装饰图标、文本等，该包装器可以轻松处理样式和位置。
- [标签片（Chips）](https://bs.88fc.cn/docs/6.0/forms/chips/): 表示像人、地点、标签或值等实体的小型交互元素。可与输入结合使用，用于技能、类别或电子邮件收件人等多值字段，使用主题化的标签。
- [组合框](https://bs.88fc.cn/docs/6.0/forms/combobox/): 一个可自定义的类似下拉选择的组件，使用以标记为先的 HTML 构建，由 Menu 组件提供定位和键盘导航支持。
- [日期选择器](https://bs.88fc.cn/docs/6.0/forms/datepicker/): 一个灵活的日历和日期选择弹出框，支持输入或按钮切换、范围选择、多个月显示等功能。
- [验证码输入框](https://bs.88fc.cn/docs/6.0/forms/otp-input/): 通过一个可访问的输入框收集一次性密码、PIN码和验证码，该输入框显示为单独的数字格。
- [密码强度](https://bs.88fc.cn/docs/6.0/forms/password-strength/): 通过分段计量器或进度条提供密码强度的视觉反馈，并在用户输入时更新。
- [表单布局](https://bs.88fc.cn/docs/6.0/forms/layout/): 通过我们的表单布局选项，为你的表单提供一些结构——从内联到水平再到自定义网格实现。
- [表单校验](https://bs.88fc.cn/docs/6.0/forms/validation/): 通过浏览器默认行为或自定义样式和 JavaScript，使用 HTML5 表单验证向你的用户提供有价值的、可操作的反馈。
### 组件

- [折叠面板](https://bs.88fc.cn/docs/6.0/components/accordion/): 使用原生 HTML 的 <details> 和 <summary> 元素构建垂直折叠面板。
- [警告框](https://bs.88fc.cn/docs/6.0/components/alert/): 为典型用户操作提供有上下文的反馈信息，并使用有限但灵活的提醒消息。
- [头像](https://bs.88fc.cn/docs/6.0/components/avatar/): 头像的文档和示例，包括图片头像、首字母、状态指示器和头像堆叠。
- [徽标](https://bs.88fc.cn/docs/6.0/components/badge/): 用于指示状态和计数的小组件，或用于标记条目。
- [面包屑](https://bs.88fc.cn/docs/6.0/components/breadcrumb/): 使用明确的分隔元素指示当前页面在导航层级中的位置。
- [按钮](https://bs.88fc.cn/docs/6.0/components/button/): 使用 Bootstrap 的自定义按钮样式，用于表单、对话框等场景中的操作，支持多种尺寸和状态。
- [按钮组](https://bs.88fc.cn/docs/6.0/components/button-group/): 将一系列按钮组合在同一行上，或将它们堆叠在垂直列中。
- [卡片](https://bs.88fc.cn/docs/6.0/components/card/): Bootstrap 的卡片提供了一个灵活且可扩展的内容容器，具有多种变体和选项。
- [轮播](https://bs.88fc.cn/docs/6.0/components/carousel/): 一个滑块或幻灯片组件，用于一次浏览一系列内容，从产品到图片等多种内容。
- [关闭按钮](https://bs.88fc.cn/docs/6.0/components/close-button/): 一个用于关闭对话框和警告等内容的通用关闭按钮。
- [折叠](https://bs.88fc.cn/docs/6.0/components/collapse/): 通过几个类和我们的 JavaScript 插件切换整个项目中内容的可见性。
- [对话框](https://bs.88fc.cn/docs/6.0/components/dialog/): 一个基于原生 <dialog> 元素构建的现代组件，具有内置的可访问性和背景支持，用于替代旧的 Modal 组件。
- [抽屉](https://bs.88fc.cn/docs/6.0/components/drawer/): 通过几个类和我们的 JavaScript 插件，将隐藏的侧边栏或抽屉构建到你的项目中，用于导航、购物车等功能。替代旧的 Offcanvas 组件。
- [列表组](https://bs.88fc.cn/docs/6.0/components/list-group/): 列表组是用于显示一系列内容的灵活且强大的组件。可以对其进行修改和扩展，以支持几乎任何内部内容。
- [菜单](https://bs.88fc.cn/docs/6.0/components/menu/): 切换按钮、链接、表格和其他自定义内容列表的上下文菜单和自定义覆盖层。
- [导航](https://bs.88fc.cn/docs/6.0/components/nav/): 在你的页面中添加带有各种导航组件的链接列表——标签页、胶囊、下划线——并提供丰富的自定义选项。
- [导航溢出](https://bs.88fc.cn/docs/6.0/components/nav-overflow/): 当空间有限时，使用 Priority+ 模式将导航项自动折叠到“更多”菜单中。
- [导航栏](https://bs.88fc.cn/docs/6.0/components/navbar/): 创建灵活、响应式的导航栏。包括对品牌、导航的支持，以及用于移动设备的内置抽屉。
- [分页](https://bs.88fc.cn/docs/6.0/components/pagination/): 用于显示分页的文档和示例，以指示一系列相关内容存在于多个页面上。
- [占位符](https://bs.88fc.cn/docs/6.0/components/placeholder/): 为你的组件或页面使用加载占位符（骨架加载器）以表明某些内容可能仍在加载中。
- [弹出框](https://bs.88fc.cn/docs/6.0/components/popover/): 用于通过 JavaScript 显示自定义内容和信息的小型上下文覆盖层。
- [进度条](https://bs.88fc.cn/docs/6.0/components/progress/): Bootstrap 自定义进度条的使用文档和示例，支持堆叠条、动画背景和文本标签。
- [滚动监听](https://bs.88fc.cn/docs/6.0/components/scrollspy/): 根据滚动位置自动更新 Bootstrap 导航或列表组组件，以指示当前在视口中处于活动状态的链接。
- [加载动画](https://bs.88fc.cn/docs/6.0/components/spinner/): 使用 Bootstrap 加载指示器显示组件或页面的加载状态，完全由 HTML 和 CSS 构建，无需 JavaScript。
- [步骤条](https://bs.88fc.cn/docs/6.0/components/stepper/): 创建时间轴、向导或逐步进度条。非常适合购物车、注册表单等。
- [标签页](https://bs.88fc.cn/docs/6.0/components/tab/): 使用此 JavaScript 插件，通过我们的任何导航或列表组组件创建可切换的内容窗格。
- [消息提示](https://bs.88fc.cn/docs/6.0/components/toasts/): 通过消息提示向你的访客发送推送通知，这是一种轻量且易于自定义的提示信息。
- [切换器](https://bs.88fc.cn/docs/6.0/components/toggler/): 仅使用数据属性和我们的 JavaScript 插件，通过点击切换属性或类。适用于除 id 之外的任何属性。
- [工具提示](https://bs.88fc.cn/docs/6.0/components/tooltip/): 浏览器工具提示的自定义替换——使用 CSS 变量进行主题化，并由 Floating UI 提供支持。
### 辅助类

- [聚焦环](https://bs.88fc.cn/docs/6.0/helpers/focus-ring/): 工具类，允许你向元素和组件添加和修改自定义焦点环样式。
- [悬停浮起](https://bs.88fc.cn/docs/6.0/helpers/hover-lift/): 在悬停和键盘聚焦时，通过微妙的变换和阴影提升元素。
- [图标链接](https://bs.88fc.cn/docs/6.0/helpers/icon-link/): 使用 Bootstrap 图标或其他图标快速创建风格化的超链接。
- [定位](https://bs.88fc.cn/docs/6.0/helpers/position/): 使用这些辅助工具可以快速配置元素的位置。
- [堆叠](https://bs.88fc.cn/docs/6.0/helpers/stacks/): 基于我们的 Flexbox 工具的速记辅助工具，使组件布局比以往更快更容易。
- [拉伸链接](https://bs.88fc.cn/docs/6.0/helpers/stretched-link/): 通过 CSS “拉伸”嵌套的链接，使任何 HTML 元素或 Bootstrap 组件可点击。
- [文本截断](https://bs.88fc.cn/docs/6.0/helpers/text-truncation/): 使用省略号截断长文本字符串。
- [垂直分割线](https://bs.88fc.cn/docs/6.0/helpers/vertical-rule/): 使用自定义垂直规则辅助工具来创建类似 <hr> 元素的垂直分隔线。
- [视觉隐藏](https://bs.88fc.cn/docs/6.0/helpers/visually-hidden/): 使用这些辅助工具可以在视觉上隐藏元素，但仍然让辅助技术能够访问它们。
### 工具类

- [API](https://bs.88fc.cn/docs/6.0/utilities/api/): 工具类 API 是一个基于 Sass 的工具，用于生成工具类。
- [颜色](https://bs.88fc.cn/docs/6.0/utilities/colors/): 通过一小部分颜色工具类传达含义，包括内置的颜色模式适应性和对半透明的支持。
- [背景](https://bs.88fc.cn/docs/6.0/utilities/background/): 通过背景颜色传达含义，并通过渐变添加装饰。
- [配色方案](https://bs.88fc.cn/docs/6.0/utilities/color-scheme/): 设置单个元素的配色方案，以控制浏览器如何绘制表单控件、滚动条和嵌入文档。
- [主题色](https://bs.88fc.cn/docs/6.0/utilities/theme/): 将三种主题工具之一与我们的主题颜色类结合使用，可以在任何元素上设置颜色和背景颜色的配对，就像组件变体一样。
- [宽高比](https://bs.88fc.cn/docs/6.0/utilities/aspect-ratio/): 使元素保持特定的宽高比。非常适合根据父元素的宽度处理视频、幻灯片嵌入等内容。
- [容器查询](https://bs.88fc.cn/docs/6.0/utilities/container-queries/): 使用容器类型工具将元素变为查询容器，以便子元素可以响应其大小。
- [显示](https://bs.88fc.cn/docs/6.0/utilities/display/): 使用 display 工具快速灵活地切换组件等元素的显示值。
- [浮动](https://bs.88fc.cn/docs/6.0/utilities/float/): 使用我们的响应式浮动工具，可以在任意断点上切换任何元素的浮动。
- [对象适应](https://bs.88fc.cn/docs/6.0/utilities/object-fit/): 使用对象适应工具来修改替换元素的内容（例如 <img> 或 <video>）应如何调整大小以适应其容器。
- [溢出](https://bs.88fc.cn/docs/6.0/utilities/overflow/): 使用这些简写工具可以快速配置内容如何溢出一个元素。
- [定位](https://bs.88fc.cn/docs/6.0/utilities/position/): 使用这些简写工具可以快速配置元素的位置。
- [可见性](https://bs.88fc.cn/docs/6.0/utilities/visibility/): 使用可见性工具控制元素的可见性，而不修改它们的显示方式。
- [Z-index](https://bs.88fc.cn/docs/6.0/utilities/z-index/): 使用我们的低级 z-index 工具可以快速更改元素或组件的堆叠层级。
- [内容对齐](https://bs.88fc.cn/docs/6.0/utilities/align-content/): 使用 align-content 工具在交叉轴上对齐弹性项目。
- [项目对齐](https://bs.88fc.cn/docs/6.0/utilities/align-items/): 使用 align-items 工具来更改 flex 项在交叉轴上的对齐方式。
- [自身对齐](https://bs.88fc.cn/docs/6.0/utilities/align-self/): 使用 align-self 工具来单独更改 flex 项在交叉轴上的对齐方式。
- [Flex](https://bs.88fc.cn/docs/6.0/utilities/flex/): 使用完整的响应式 flexbox 工具包快速管理网格列、导航、组件等的布局、对齐和大小。对于更复杂的实现，可能需要自定义 CSS。
- [间距](https://bs.88fc.cn/docs/6.0/utilities/gap/): 使用 gap 工具控制 flexbox 或网格布局中元素之间的间距。包括对单独行和列间隙的支持。
- [网格](https://bs.88fc.cn/docs/6.0/utilities/grid/): 用于控制 CSS 网格布局行为的工具，包括列数、列行为和自动放置选项。
- [主轴对齐](https://bs.88fc.cn/docs/6.0/utilities/justify-content/): 使用 justify-content 工具类来改变主轴上 flex 项的对齐方式。
- [网格项目对齐](https://bs.88fc.cn/docs/6.0/utilities/justify-items/): 使用 justify-items 工具来控制网格项沿内联轴（在大多数书写模式下为水平）的对齐。
- [网格放置对齐](https://bs.88fc.cn/docs/6.0/utilities/place-items/): 使用 place-items 工具同时控制网格项目在块轴和内联轴上的网格区域对齐。
- [宽度](https://bs.88fc.cn/docs/6.0/utilities/width/): 通过响应式宽度类控制元素的宽度。
- [高度](https://bs.88fc.cn/docs/6.0/utilities/height/): 通过响应式高度类控制元素的高度。
- [外边距](https://bs.88fc.cn/docs/6.0/utilities/margin/): 使用外边距工具类响应式地控制元素周围的空隙。
- [内边距](https://bs.88fc.cn/docs/6.0/utilities/padding/): 使用内边距工具响应式地控制元素的内部间距。
- [空间](https://bs.88fc.cn/docs/6.0/utilities/space/): 在非 flex 和非网格布局中，控制元素直接子元素之间的外边距。
- [字体族](https://bs.88fc.cn/docs/6.0/utilities/font-family/): 用于控制字体系列的工具，包括等宽字体堆栈。
- [字号](https://bs.88fc.cn/docs/6.0/utilities/font-size/): 用于控制文本大小，或同时控制字体大小和行高的工具，并使用 clamp() 进行响应式字体调整。
- [字体样式](https://bs.88fc.cn/docs/6.0/utilities/font-style/): 用于控制字体样式的工具，包括斜体和正常样式。
- [字重](https://bs.88fc.cn/docs/6.0/utilities/font-weight/): 用于控制字体粗细的工具，包括加粗、半粗、中等、正常和纤细粗细。
- [行高](https://bs.88fc.cn/docs/6.0/utilities/line-height/): 用于控制行高的工具，包括紧密、正常和宽松的间距。
- [链接](https://bs.88fc.cn/docs/6.0/utilities/link/): 链接工具用于美化你的锚点以调整它们的颜色和不透明度。
- [文本对齐](https://bs.88fc.cn/docs/6.0/utilities/text-alignment/): 使用文本对齐工具轻松重新排列文本，可进行开始、结束和居中对齐。
- [文本装饰](https://bs.88fc.cn/docs/6.0/utilities/text-decoration/): 用于控制文本装饰、文本转换和文本颜色重置的工具。
- [文本转换](https://bs.88fc.cn/docs/6.0/utilities/text-transform/): 使用文本大小写工具类转换组件中的文本。
- [文本换行](https://bs.88fc.cn/docs/6.0/utilities/text-wrapping/): 用于控制文本换行、溢出和单词断开行为的工具。
- [垂直对齐](https://bs.88fc.cn/docs/6.0/utilities/vertical-align/): 轻松更改内联、内联块、内联表格和表格单元格元素的垂直对齐方式。
- [边框](https://bs.88fc.cn/docs/6.0/utilities/border/): 使用边框工具可以快速设置元素的边框和边框半径。非常适合图片、按钮或任何其他元素。
- [边框颜色](https://bs.88fc.cn/docs/6.0/utilities/border-color/): 用于控制边框颜色和不透明度的工具。
- [圆角](https://bs.88fc.cn/docs/6.0/utilities/border-radius/): 使用圆角工具控制元素的边框半径。
- [分隔线](https://bs.88fc.cn/docs/6.0/utilities/divide/): 在元素的直接子元素之间用边框分隔内容。支持具有响应式变体的水平和垂直分隔线。
- [指针事件](https://bs.88fc.cn/docs/6.0/utilities/pointer-events/): 使用 pointer-events 工具控制元素对鼠标和触摸交互的响应方式。
- [文本选择](https://bs.88fc.cn/docs/6.0/utilities/user-select/): 使用 user-select 工具控制用户如何选择文本内容。
- [动效](https://bs.88fc.cn/docs/6.0/utilities/motion/): 使用运动工具禁用或应用单个元素的 CSS 过渡和动画。
- [不透明度](https://bs.88fc.cn/docs/6.0/utilities/opacity/): 控制元素的不透明度。
- [阴影](https://bs.88fc.cn/docs/6.0/utilities/shadows/): 使用 box-shadow 工具为元素添加或移除阴影。

## Bootstrap 5.3（稳定版）

### 快速开始

- [简介](https://bs.88fc.cn/docs/5.3/getting-started/introduction/): Bootstrap 是一个功能强大、功能丰富的前端工具包。从原型到生产，可以在几分钟内构建任何东西。
- [下载](https://bs.88fc.cn/docs/5.3/getting-started/download/): 下载 Bootstrap 以获取已编译的 CSS 和 JavaScript、源代码，或通过你喜欢的包管理器如 npm、RubyGems 等进行引入。
- [目录结构](https://bs.88fc.cn/docs/5.3/getting-started/contents/): 了解 Bootstrap 中包含的内容，包括我们编译后的版本和源代码版本。
- [浏览器与设备](https://bs.88fc.cn/docs/5.3/getting-started/browsers-devices/): 了解 Bootstrap 支持的浏览器和设备，从现代到旧的，包括每个的已知怪癖和错误。
- [JavaScript](https://bs.88fc.cn/docs/5.3/getting-started/javascript/): 通过我们的可选 JavaScript 插件让 Bootstrap 生动起来。了解每个插件、我们的数据和编程 API 选项，以及更多内容。
- [Webpack](https://bs.88fc.cn/docs/5.3/getting-started/webpack/): 使用 Webpack 在你的项目中包含和打包 Bootstrap 的 CSS 和 JavaScript 的官方指南。
- [Parcel](https://bs.88fc.cn/docs/5.3/getting-started/parcel/): 使用 Parcel 在项目中包含和打包 Bootstrap 的 CSS 和 JavaScript 的官方指南。
- [Vite](https://bs.88fc.cn/docs/5.3/getting-started/vite/): 使用 Vite 在你的项目中包含和打包 Bootstrap 的 CSS 和 JavaScript 的官方指南。
- [无障碍访问](https://bs.88fc.cn/docs/5.3/getting-started/accessibility/): 关于 Bootstrap 在创建可访问内容方面的功能和局限性的简要概述。
- [RFS](https://bs.88fc.cn/docs/5.3/getting-started/rfs/): Bootstrap 的调整大小引擎会响应式地缩放常见的 CSS 属性，以更好地利用不同视口和设备上的可用空间。
- [RTL（从右到左）](https://bs.88fc.cn/docs/5.3/getting-started/rtl/): 学习如何在我们的布局、组件和工具中启用对 Bootstrap 右到左文本的支持。
- [参与贡献](https://bs.88fc.cn/docs/5.3/getting-started/contribute/): 通过我们的文档构建脚本和测试帮助开发 Bootstrap。
### 定制

- [定制概览](https://bs.88fc.cn/docs/5.3/customize/overview/): 学习如何使用 Sass、丰富的全局选项、广泛的颜色系统等对 Bootstrap 进行主题设置、定制和扩展。
- [Sass](https://bs.88fc.cn/docs/5.3/customize/sass/): 使用我们的源 Sass 文件，利用变量、映射、mixin 和函数来帮助你更快地构建并自定义项目。
- [全局选项](https://bs.88fc.cn/docs/5.3/customize/options/): 通过内置变量快速自定义 Bootstrap，轻松切换全局 CSS 偏好以控制样式和行为。
- [颜色](https://bs.88fc.cn/docs/5.3/customize/color/): Bootstrap 支持一个广泛的颜色系统，为我们的样式和组件提供主题。这使得任何项目都能进行更全面的自定义和扩展。
- [颜色模式](https://bs.88fc.cn/docs/5.3/customize/color-modes/): 从 v5.3.0 开始，Bootstrap 现在支持颜色模式或主题。探索我们的默认浅色模式和新的深色模式，或者使用我们的样式作为模板创建你自己的模式。
- [组件定制](https://bs.88fc.cn/docs/5.3/customize/components/): 了解我们如何以及为什么几乎所有组件都是响应式构建，并使用基础类和修饰符类。
- [CSS 变量](https://bs.88fc.cn/docs/5.3/customize/css-variables/): 使用 Bootstrap 的 CSS 自定义属性进行快速且面向未来的设计和开发。
- [优化](https://bs.88fc.cn/docs/5.3/customize/optimize/): 保持你的项目精简、响应迅速且易于维护，这样你就可以提供最佳体验并专注于更重要的工作。
### 布局

- [断点](https://bs.88fc.cn/docs/5.3/layout/breakpoints/): 断点是可自定义的宽度，用于确定在 Bootstrap 中响应式布局在不同设备或视口尺寸下的表现。
- [容器](https://bs.88fc.cn/docs/5.3/layout/containers/): 容器是 Bootstrap 的一个基本构建块，用于在给定的设备或视口内包含、填充和对齐你的内容。
- [网格系统](https://bs.88fc.cn/docs/5.3/layout/grid/): 使用我们强大的以移动设备优先的 Flexbox 网格，借助十二列系统、六个默认响应级别、Sass 变量和mixin以及数十个预定义类，构建各种形状和大小的布局。
- [列](https://bs.88fc.cn/docs/5.3/layout/columns/): 了解如何使用少量的选项修改列，包括对齐、排序和偏移，这要归功于我们的弹性盒子网格系统。此外，了解如何使用列类来管理非网格元素的宽度。
- [槽宽](https://bs.88fc.cn/docs/5.3/layout/gutters/): Gutters（槽宽）是列之间的间隔，用于在 Bootstrap 网格系统中响应式地分隔和对齐内容。
- [布局工具类](https://bs.88fc.cn/docs/5.3/layout/utilities/): 为了实现更快速的移动友好和响应式开发，Bootstrap 包含数十个用于显示、隐藏、对齐和间距内容的工具类。
- [Z-index](https://bs.88fc.cn/docs/5.3/layout/z-index/): 虽然不是 Bootstrap 网格系统的一部分，但 z-index 在我们的组件如何叠加和相互作用中起着重要作用。
- [CSS 网格](https://bs.88fc.cn/docs/5.3/layout/css-grid/): 学习如何启用、使用和自定义我们基于 CSS Grid 的备用布局系统，并附带示例和代码片段。
### 内容

- [重置样式（Reboot）](https://bs.88fc.cn/docs/5.3/content/reboot/): Reboot，是一个将特定元素的 CSS 更改汇集到单个文件中的集合，它为启动 Bootstrap 提供了一个优雅、一致且简单的基线，以便在此基础上构建。
- [排版](https://bs.88fc.cn/docs/5.3/content/typography/): Bootstrap 排版的文档和示例，包括全局设置、标题、正文、列表等。
- [图片](https://bs.88fc.cn/docs/5.3/content/images/): 关于将图片设置为响应式行为（使其宽度永远不会超过父元素）以及向其添加轻量级样式的文档和示例——所有操作都通过类完成。
- [表格](https://bs.88fc.cn/docs/5.3/content/tables/): Bootstrap 的文档和示例，用于表格的选择性样式（鉴于它们在 JavaScript 插件中的普遍使用）。
- [图片说明](https://bs.88fc.cn/docs/5.3/content/figures/): 用于显示与 Bootstrap 中的 figure 组件相关的图像和文本的文档和示例。
### 表单

- [表单概览](https://bs.88fc.cn/docs/5.3/forms/overview/): 用于创建各种表单的表单控件样式、布局选项和自定义组件的示例和使用指南。
- [表单控件](https://bs.88fc.cn/docs/5.3/forms/form-control/): 为文本表单控件，如 <input> 和 <textarea>，提供自定义样式、尺寸、焦点状态等升级。
- [选择框](https://bs.88fc.cn/docs/5.3/forms/select/): 使用自定义 CSS 定制原生 <select> 元素，以改变元素的初始外观。
- [复选框与单选框](https://bs.88fc.cn/docs/5.3/forms/checks-radios/): 使用我们完全重写的复选框与单选按钮，创建跨浏览器和跨设备一致的复选框和单选按钮。
- [范围滑块](https://bs.88fc.cn/docs/5.3/forms/range/): 使用我们的自定义范围输入，以实现一致的跨浏览器样式和内置的自定义功能。
- [输入框组](https://bs.88fc.cn/docs/5.3/forms/input-group/): 通过在文本输入、自定义选择和自定义文件输入的任一侧添加文本、按钮或按钮组，轻松扩展表单控件。
- [浮动标签](https://bs.88fc.cn/docs/5.3/forms/floating-labels/): 创建美观简洁的表单标签，悬浮在输入字段上方。
- [表单布局](https://bs.88fc.cn/docs/5.3/forms/layout/): 通过我们的表单布局选项，为你的表单提供一些结构——从内联到水平再到自定义网格实现。
- [表单校验](https://bs.88fc.cn/docs/5.3/forms/validation/): 通过浏览器默认行为或自定义样式和 JavaScript，使用 HTML5 表单验证向你的用户提供有价值的、可操作的反馈。
### 组件

- [折叠面板](https://bs.88fc.cn/docs/5.3/components/accordion/): 结合我们的 Collapse JavaScript 插件构建垂直折叠的折叠面板组件。
- [警告框](https://bs.88fc.cn/docs/5.3/components/alerts/): 为典型用户操作提供有上下文的反馈信息，并使用有限但灵活的提醒消息。
- [徽标](https://bs.88fc.cn/docs/5.3/components/badge/): 徽章的文档和示例，我们的小型计数和标签组件。
- [面包屑](https://bs.88fc.cn/docs/5.3/components/breadcrumb/): 指示当前页面在导航层级中的位置，该层级通过 CSS 自动添加分隔符。
- [按钮](https://bs.88fc.cn/docs/5.3/components/buttons/): 在表单、模态框等中使用 Bootstrap 的自定义按钮样式，支持多种尺寸、状态等。
- [按钮组](https://bs.88fc.cn/docs/5.3/components/button-group/): 将一系列按钮组合在同一行上，或将它们堆叠在垂直列中。
- [卡片](https://bs.88fc.cn/docs/5.3/components/card/): Bootstrap 的卡片提供了一个灵活且可扩展的内容容器，具有多种变体和选项。
- [轮播](https://bs.88fc.cn/docs/5.3/components/carousel/): 一个用于循环显示元素的幻灯片组件——可以是图片或文本幻灯片——类似于轮播。
- [关闭按钮](https://bs.88fc.cn/docs/5.3/components/close-button/): 一个用于关闭模态框和警告等内容的通用关闭按钮。
- [折叠](https://bs.88fc.cn/docs/5.3/components/collapse/): 通过几个类和我们的 JavaScript 插件切换整个项目中内容的可见性。
- [下拉菜单](https://bs.88fc.cn/docs/5.3/components/dropdowns/): 使用 Bootstrap 下拉插件切换用于显示链接列表等的上下文覆盖层。
- [列表组](https://bs.88fc.cn/docs/5.3/components/list-group/): 列表组是用于显示一系列内容的灵活且强大的组件。可以对其进行修改和扩展，以支持几乎任何内部内容。
- [模态框](https://bs.88fc.cn/docs/5.3/components/modal/): 使用 Bootstrap 的 JavaScript 模态插件为你的网站添加模态框，用于灯箱、用户通知或完全自定义的内容。
- [导航栏](https://bs.88fc.cn/docs/5.3/components/navbar/): Bootstrap 强大且响应式的导航头部（navbar）的文档和示例。包括对品牌标识、导航等的支持，也包括对我们的折叠插件的支持。
- [导航与标签页](https://bs.88fc.cn/docs/5.3/components/navs-tabs/): 有关如何使用 Bootstrap 提供的导航组件的文档和示例。
- [画布外菜单](https://bs.88fc.cn/docs/5.3/components/offcanvas/): 通过几个类和我们的JavaScript插件，将隐藏的侧边栏构建到你的项目中，用于导航、购物车等功能。
- [分页](https://bs.88fc.cn/docs/5.3/components/pagination/): 用于显示分页的文档和示例，以指示一系列相关内容存在于多个页面上。
- [占位符](https://bs.88fc.cn/docs/5.3/components/placeholders/): 为你的组件或页面使用加载占位符（骨架加载器）以表明某些内容可能仍在加载中。
- [弹出框](https://bs.88fc.cn/docs/5.3/components/popovers/): 用于在网站上的任何元素中添加 Bootstrap 弹出框（如 iOS 中所见）的文档和示例。
- [进度条](https://bs.88fc.cn/docs/5.3/components/progress/): Bootstrap 自定义进度条的使用文档和示例，支持堆叠条、动画背景和文本标签。
- [滚动监听](https://bs.88fc.cn/docs/5.3/components/scrollspy/): 根据滚动位置自动更新 Bootstrap 导航或列表组组件，以指示当前在视口中处于活动状态的链接。
- [加载动画](https://bs.88fc.cn/docs/5.3/components/spinners/): 使用 Bootstrap 加载指示器显示组件或页面的加载状态，完全由 HTML 和 CSS 构建，无需 JavaScript。
- [消息提示](https://bs.88fc.cn/docs/5.3/components/toasts/): 通过消息提示向你的访客发送推送通知，这是一种轻量且易于自定义的提示信息。
- [工具提示](https://bs.88fc.cn/docs/5.3/components/tooltips/): 使用 CSS3 进行动画，并使用 data-bs 属性进行本地标题存储，添加自定义 Bootstrap 提示工具的文档和示例，包含 CSS 和 JavaScript。
### 辅助类

- [清除浮动](https://bs.88fc.cn/docs/5.3/helpers/clearfix/): 通过添加 clearfix 工具，可以快速轻松地清除容器内的浮动内容。
- [颜色与背景](https://bs.88fc.cn/docs/5.3/helpers/color-background/): 设置背景颜色并搭配对比的前景颜色。
- [彩色链接](https://bs.88fc.cn/docs/5.3/helpers/colored-links/): 带悬停状态的彩色链接
- [聚焦环](https://bs.88fc.cn/docs/5.3/helpers/focus-ring/): 工具类，允许你向元素和组件添加和修改自定义焦点环样式。
- [图标链接](https://bs.88fc.cn/docs/5.3/helpers/icon-link/): 使用 Bootstrap 图标或其他图标快速创建风格化的超链接。
- [定位](https://bs.88fc.cn/docs/5.3/helpers/position/): 使用这些辅助工具可以快速配置元素的位置。
- [宽高比](https://bs.88fc.cn/docs/5.3/helpers/ratio/): 使用生成的伪元素使元素保持你选择的纵横比。非常适合根据父元素的宽度响应式处理视频或幻灯片嵌入。
- [堆叠](https://bs.88fc.cn/docs/5.3/helpers/stacks/): 基于我们的 Flexbox 工具的速记辅助工具，使组件布局比以往更快更容易。
- [拉伸链接](https://bs.88fc.cn/docs/5.3/helpers/stretched-link/): 通过 CSS “拉伸”嵌套的链接，使任何 HTML 元素或 Bootstrap 组件可点击。
- [文本截断](https://bs.88fc.cn/docs/5.3/helpers/text-truncation/): 使用省略号截断长文本字符串。
- [垂直分割线](https://bs.88fc.cn/docs/5.3/helpers/vertical-rule/): 使用自定义垂直规则辅助工具类来创建类似 <hr> 元素的垂直分隔线。
- [视觉隐藏](https://bs.88fc.cn/docs/5.3/helpers/visually-hidden/): 使用这些辅助工具可以在视觉上隐藏元素，但仍然让辅助技术能够访问它们。
### 工具类

- [API](https://bs.88fc.cn/docs/5.3/utilities/api/): 工具类 API 是一个基于 Sass 的工具，用于生成工具类。
- [背景](https://bs.88fc.cn/docs/5.3/utilities/background/): 通过背景颜色传达含义，并通过渐变添加装饰。
- [边框](https://bs.88fc.cn/docs/5.3/utilities/borders/): 使用边框工具可以快速设置元素的边框和边框半径。非常适合图片、按钮或任何其他元素。
- [颜色](https://bs.88fc.cn/docs/5.3/utilities/colors/): 通过少量颜色工具类传达意义。还包括支持为链接添加悬停状态的样式。
- [显示](https://bs.88fc.cn/docs/5.3/utilities/display/): 使用我们的显示工具快速且灵活地切换组件及其他元素的显示值。支持一些常用值，以及用于控制打印时显示的额外选项。
- [Flex](https://bs.88fc.cn/docs/5.3/utilities/flex/): 使用完整的响应式 flexbox 工具包快速管理网格列、导航、组件等的布局、对齐和大小。对于更复杂的实现，可能需要自定义 CSS。
- [浮动](https://bs.88fc.cn/docs/5.3/utilities/float/): 使用我们的响应式浮动工具，可以在任意断点上切换任何元素的浮动。
- [交互](https://bs.88fc.cn/docs/5.3/utilities/interactions/): 用于改变用户与网站内容交互方式的工具类。
- [链接](https://bs.88fc.cn/docs/5.3/utilities/link/): 链接工具用于美化你的锚点，可以调整它们的颜色、不透明度、下划线偏移、下划线颜色等。
- [对象适应](https://bs.88fc.cn/docs/5.3/utilities/object-fit/): 使用对象适应工具类来修改替换元素的内容（例如 <img> 或 <video>）应如何调整大小以适应其容器。
- [不透明度](https://bs.88fc.cn/docs/5.3/utilities/opacity/): 控制元素的不透明度。
- [溢出](https://bs.88fc.cn/docs/5.3/utilities/overflow/): 使用这些简写工具可以快速配置内容如何溢出一个元素。
- [定位](https://bs.88fc.cn/docs/5.3/utilities/position/): 使用这些简写工具可以快速配置元素的位置。
- [阴影](https://bs.88fc.cn/docs/5.3/utilities/shadows/): 使用 box-shadow 工具为元素添加或移除阴影。
- [尺寸](https://bs.88fc.cn/docs/5.3/utilities/sizing/): 使用我们的宽度和高度工具，轻松将元素设置为任意宽度或高度。
- [间距](https://bs.88fc.cn/docs/5.3/utilities/spacing/): Bootstrap 包含了广泛的简写响应式边距、内边距和间距工具类，用于修改元素的外观。
- [文本](https://bs.88fc.cn/docs/5.3/utilities/text/): 用于常见文本工具的文档和示例，以控制对齐、换行、字体粗细等。
- [垂直对齐](https://bs.88fc.cn/docs/5.3/utilities/vertical-align/): 轻松更改内联、内联块、内联表格和表格单元格元素的垂直对齐方式。
- [可见性](https://bs.88fc.cn/docs/5.3/utilities/visibility/): 使用可见性工具控制元素的可见性，而不修改它们的显示方式。
- [Z-index](https://bs.88fc.cn/docs/5.3/utilities/z-index/): 使用我们的低级 z-index 工具可以快速更改元素或组件的堆叠层级。
### 扩展

- [设计思路](https://bs.88fc.cn/docs/5.3/extend/approach/): 了解用于构建和维护 Bootstrap 的指导原则、策略和技术，这样你就可以更轻松地自行定制和扩展它。
- [图标](https://bs.88fc.cn/docs/5.3/extend/icons/): 使用外部图标库与 Bootstrap 的指南和建议。
### 关于

- [概览](https://bs.88fc.cn/docs/5.3/about/overview/): 了解更多关于维护 Bootstrap 的团队信息、项目的起源与原因，以及如何参与其中。
- [团队](https://bs.88fc.cn/docs/5.3/about/team/): Bootstrap 创始团队和核心贡献者概述。
- [品牌](https://bs.88fc.cn/docs/5.3/about/brand/): Bootstrap 标志和品牌使用指南的文档和示例。
- [许可](https://bs.88fc.cn/docs/5.3/about/license/): 关于 Bootstrap 开源许可证的说明。
- [翻译](https://bs.88fc.cn/docs/5.3/about/translations/): 社区翻译的 Bootstrap 文档网站链接。