下载 Bootstrap 以获取编译后的 CSS 和 JavaScript、源代码，或将其包含在您最喜欢的包管理器（如 npm、RubyGems 等）中。
编译的 CSS 和 JS
下载 Bootstrap v5.3.8 的即用型编译代码，以便轻松放入您的项目中，其中包括：
- 编译和缩小的 CSS 包（参见 CSS 文件比较)
- 编译和缩小的 JavaScript 插件（参见 JS 文件比较)
这不包括文档、源文件或任何可选的 JavaScript 依赖项，如 Popper。
源文件
通过下载我们的源 Sass、JavaScript 和文档文件，使用您自己的资产管道编译 Bootstrap。此选项需要一些额外的工具：
- 用于将 Sass 源文件编译为 CSS 文件的 Sass 编译器
- 用于 CSS 供应商前缀的自动前缀
如果您需要我们全套构建工具，它们包含在开发 Bootstrap 及其文档中，但它们可能不适合您自己的目的。
例子
如果您想下载并检查我们的示例，您可以获取已构建的示例：
CDN 通过 jsDelivr
跳过使用 jsDelivr 的下载，将 Bootstrap 编译的 CSS 和 JS 的缓存版本交付到您的项目。
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>
如果您使用的是我们编译的 JavaScript 并且更喜欢单独包含 Popper，请在我们的 JS 之前添加 Popper，最好通过 CDN。
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.min.js" integrity="sha384-G/EV+4j2dNv+tEPo3++6LCgdCROaejBqfUeNjuKAiuXbjrxilcCdDz6ZAVfHWe1Y" crossorigin="anonymous"></script>
替代 CDN
我们推荐 jsDelivr 并在我们的文档中自己使用它。但是，在某些情况下（例如在某些特定国家或环境中），您可能需要使用其他 CDN 提供商，例如 cdnjs 或 unpkg。
您会在这些 CDN 提供商上找到相同的文件，尽管 URL 不同。使用 cdnjs，您可以使用此直接的 Bootstrap 包链接从任何版本的 Bootstrap 复制和粘贴每个 dist 文件的现成 HTML 片段。
如果给定文件的 SRI 哈希值不同，则不应使用该 CDN 中的文件，因为这意味着该文件已被其他人修改。
请注意，您应该比较相同长度的哈希值，例如 与 ，否则它们应该是不同的。 因此，您可以使用 SRI Hash Generator 等在线工具来确保给定文件的哈希值相同。 或者，假设您安装了 OpenSSL，则可以从 CLI 实现相同的作，例如：sha384sha384
openssl dgst -sha384 -binary bootstrap.min.js | openssl base64 -A
包管理器
使用一些最流行的包管理器将 Bootstrap 的源文件拉入几乎任何项目中。无论包管理器如何，Bootstrap 都需要一个 Sass 编译器和自动前缀器才能进行与我们官方编译版本相匹配的设置。
npm
使用 npm 包在 Node.js 支持的应用程序中安装 Bootstrap：
npm install bootstrap@5.3.8
const bootstrap = require('bootstrap')或者将 Bootstrap 的所有插件加载到一个对象上。 该模块本身导出了我们所有的插件。您可以通过在包的顶级目录下加载文件来手动单独加载 Bootstrap 的插件。import bootstrap from 'bootstrap'bootstrapbootstrap/js/dist/*.js
Bootstrap 在以下键下包含一些额外的元数据：package.json
sass– Bootstrap 主 Sass 源文件的路径style– 使用默认设置编译的 Bootstrap 非缩小 CSS 的路径（无自定义）
通过我们的入门项目通过 npm 开始使用 Bootstrap！前往 Sass & JS 示例模板存储库，了解如何在您自己的 npm 项目中构建和自定义 Bootstrap。包括 Sass 编译器、Autoprefixer、Stylelint、PurgeCSS 和 Bootstrap 图标。
纱
使用 yarn 包在 Node.js 支持的应用程序中安装 Bootstrap：
yarn add bootstrap@5.3.8
Yarn 2+（又名 Yarn Berry）默认不支持 node_modules 目录：使用我们的 Sass & JS 示例需要进行一些调整：
yarn config set nodeLinker node-modules # Use the node_modules linker
touch yarn.lock # Create an empty yarn.lock file
yarn install # Install the dependencies
yarn start # Start the project
包子
在 Bun 中安装 Bootstrap 或使用 Bun CLI Node.js支持的应用程序：
bun add bootstrap@5.3.8
红宝石宝石
通过在 Gemfile 中添加以下行，使用 Bundler（推荐）和 RubyGems 在 Ruby 应用程序中安装 Bootstrap：
gem 'bootstrap', '~> 5.3.8'
或者，如果您没有使用 Bundler，则可以通过运行以下命令来安装 gem：
gem install bootstrap -v 5.3.8
有关更多详细信息，请参阅 gem 的自述文件。
作曲家
您还可以使用 Composer 安装和管理 Bootstrap 的 Sass 和 JavaScript：
composer require twbs/bootstrap:5.3.8
NuGet
如果在 .NET Framework 中进行开发，还可以使用 NuGet 安装和管理 Bootstrap 的 CSS 或 Sass 和 JavaScript。较新的项目应使用 libman 或其他方法，因为 NuGet 是为编译的代码而不是前端资产设计的。
Install-Package bootstrap
Install-Package bootstrap.sass
IntelliSense 扩展
安装社区维护的 Visual Studio Code IntelliSense 扩展，以获取 Bootstrap 类的 IntelliSense 自动完成。