Bootstrap

简洁、直观、功能强大的前端框架，助您更快速、更轻松地进行 Web 开发。
浏览 Bootstrap 文档 »

报告错误 · 申请功能 · 博客

Bootstrap 5

我们的默认分支用于 Bootstrap 5 版本的开发。请前往 v4-dev 分支 查看 Bootstrap 4 的自述文件、文档和源代码。

快速启动

提供多种快速启动选项：

• 下载最新版本
• 克隆代码库：git clone https://github.com/twbs/bootstrap.git
• 使用 npm 安装：npm install bootstrap@v5.3.8
• 使用 yarn 安装：yarn add bootstrap@v5.3.8
• 使用 Bun 安装：bun add bootstrap@v5.3.8
• 使用 Composer 安装：composer require twbs/bootstrap:5.3.8
• 使用 NuGet 安装：CSS： Install-Package bootstrap Sass: Install-Package bootstrap.sass

阅读入门页面，了解框架内容、模板、示例等信息。

包含内容

下载内容中包含以下目录和文件，按逻辑分组了常用资源，并提供了编译版本和压缩版本。

  bootstrap/
  ├── css/
  │   ├── bootstrap-grid.css
  │   ├── bootstrap-grid.css.map
  │   ├── bootstrap-grid.min.css
  │   ├── bootstrap-grid.min.css.map
  │   ├── bootstrap-grid.rtl.css
  │   ├── bootstrap-grid.rtl.css.map
  │   ├── bootstrap-grid.rtl.min.css
  │   ├── bootstrap-grid.rtl.min.css.map
  │   ├── bootstrap-reboot.css
  │   ├── bootstrap-reboot.css.map
  │   ├── bootstrap-reboot.min.css
  │   ├── bootstrap-reboot.min.css.map
  │   ├── bootstrap-reboot.rtl.css
  │   ├── bootstrap-reboot.rtl.css.map
  │   ├── bootstrap-reboot.rtl.min.css
  │   ├── bootstrap-reboot.rtl.min.css.map
  │   ├── bootstrap-utilities.css
  │   ├── bootstrap-utilities.css.map
  │   ├── bootstrap-utilities.min.css
  │   ├── bootstrap-utilities.min.css.map
  │   ├── bootstrap-utilities.rtl.css
  │   ├── bootstrap-utilities.rtl.css.map
  │   ├── bootstrap-utilities.rtl.min.css
  │   ├── bootstrap-utilities.rtl.min.css.map
  │   ├── bootstrap.css
  │   ├── bootstrap.css.map
  │   ├── bootstrap.min.css
  │   ├── bootstrap.min.css.map
  │   ├── bootstrap.rtl.css
  │   ├── bootstrap.rtl.css.map
  │   ├── bootstrap.rtl.min.css
  │   └── bootstrap.rtl.min.css.map
  └── js/
      ├── bootstrap.bundle.js
      ├── bootstrap.bundle.js.map
      ├── bootstrap.bundle.min.js
      ├── bootstrap.bundle.min.js.map
      ├── bootstrap.esm.js
      ├── bootstrap.esm.js.map
      ├── bootstrap.esm.min.js
      ├── bootstrap.esm.min.js.map
      ├── bootstrap.js
      ├── bootstrap.js.map
      ├── bootstrap.min.js
      └── bootstrap.min.js.map

我们提供已编译的 CSS 和 JS 文件（bootstrap.*），以及已编译并压缩的 CSS 和 JS 文件（bootstrap.min.*）。Source Maps（bootstrap.*.map）可与某些浏览器的开发者工具配合使用。捆绑的 JS 文件（bootstrap.bundle.js 和压缩后的 bootstrap.bundle.min.js）包含 Popper。

错误和功能请求

遇到错误或功能请求？请先阅读 问题指南，并搜索现有和已关闭的问题。如果您的问题或想法尚未得到解决，请提交新问题。

文档

Bootstrap 的文档包含在此代码库的根目录中，由 Astro 构建，并公开托管在 GitHub Pages 上，网址为 https://getbootstrap.com/。这些文档也可以在本地运行。

文档搜索由 Algolia 的 DocSearch 提供支持。

本地运行文档

1. 运行 npm install 安装 Node.js 依赖项，包括 Astro（网站构建器）。
2. 运行 npm run test（或指定的 npm 脚本）重新构建分布式 CSS 和 JavaScript 文件，以及我们的文档资源。
3. 在根目录 /bootstrap 下，在命令行中运行 npm run docs-serve。
4. 在浏览器中打开 http://localhost:9001，就完成了。

阅读 Astro 的 文档 了解更多关于 Astro 的使用方法。

先前版本的文档

您可以在 https://getbootstrap.com/docs/versions/ 找到我们所有先前版本的文档。

先前版本 及其文档也可供下载。

贡献

请仔细阅读我们的贡献指南。其中包含提交问题的指导、编码规范和开发注意事项。

此外，如果您的拉取请求包含 JavaScript 补丁或功能，则必须包含相关的单元测试。所有 HTML 和 CSS 代码均应遵循由 Mark Otto 维护的代码指南。

编辑器首选项可在编辑器配置 中找到，以便在常用文本编辑器中轻松使用。了解更多信息并下载插件，请访问 https://editorconfig.org/。

社区

获取 Bootstrap 开发的最新动态，并与项目维护人员和社区成员交流。

• 关注 X 上的 @getbootstrap。
• 阅读并订阅 Bootstrap 官方博客。
• 提问并浏览 我们的 GitHub 讨论区。
• 在 社区 Discord 或 Bootstrap subreddit 上进行讨论、提问等。
• 在 IRC 中与其他 Bootstrap 成员聊天。请在 irc.libera.chat 服务器的 #bootstrap 频道中。
• 您可以在 Stack Overflow 上找到实现帮助（标签为 bootstrap-5）。
• 开发者在通过 npm 或类似交付机制分发修改或添加 Bootstrap 功能的软件包时，应使用关键字“bootstrap”以实现最大程度的可发现性。

版本控制

为了确保发布周期的透明度并努力保持向后兼容性，Bootstrap 遵循语义化版本控制指南 进行维护。有时我们会出错，但我们会尽可能遵守这些规则。

请参阅我们 GitHub 项目的“发布”部分，查看 Bootstrap 每个发布版本的更新日志。 官方 Bootstrap 博客 上的发布公告帖子包含每个版本中最值得注意的更改的摘要。