View on GitHub

Download

下载Bootstrap以获得编译后的CSS和JavaScript、源代码，或者将其包含在你喜欢的包管理器中，如npm、RubyGems等。

On this page

编译的CSS和JS

下载 Bootstrap v5.3.2 的现成编译后代码，轻松放入你的项目，其中包括：

已编译和缩小的CSS bundles (请参阅 CSS files comparison)
编译和缩小的JavaScript插件 (请参阅 JS files comparison)

这不包括文档、源文件或任何可选的JavaScript依赖项，如Popper。

Download

源文件

通过下载我们的源代码Sass、JavaScript和文档文件，使用你自己的资产管道编译Bootstrap。此选项需要一些额外的工具：

Sass编译器用于将Sass源文件编译为CSS文件
自动前置器用于CSS供应商前缀

如果你需要我们的全套[构建工具]](/docs/5.3/getting-started/contribute/#tooling-setup) ，它们将用于开发Bootstrap及其文档，但它们可能不适合你自己的目的。

Download source

示例

如果你想下载并检查我们的示例，你可以获取已经构建的示例：

Download Examples

通过jsDelivr的CDN

使用 jsDelivr 跳过下载将Bootstrap编译后的CSS和JS的缓存版本提供给你的项目。

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" 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.2/dist/js/bootstrap.min.js" integrity="sha384-BBtl+eGJRgqQAUMxJ7pMwbEyER4l1g+O15P+16Ep7Q9Q+zqX6gSbd85u4mG4QzX+" crossorigin="anonymous"></script>

替代CDN

我们推荐jsDelivr并在我们的文档中使用它。然而，在某些情况下，比如在某些特定的国家或环境中，你可能需要使用其他CDN提供商，如 cdnjs 或unpkg 。

你会在这些CDN提供商上找到相同的文件，尽管URL不同。使用cdnjs，你可以使用此直接Bootstrap链接为任何版本的Bootstrap中的每个dist文件复制和粘贴现成的HTML片段。

如果给定文件的SRI哈希不同，则不应使用该CDN中的文件，因为这意味着该文件已被其他人修改

请注意，你应该比较相同长度的哈希，例如sha384和sha384'，否则它们会有所不同。因此，你可以使用类似SRI哈希生成器的在线工具以确保给定文件的哈希值相同。或者，假设你安装了OpenSSL，则可以通过CLI实现相同的功能，例如：

openssl dgst -sha384 -binary bootstrap.min.js | openssl base64 -A

包管理器

使用一些最流行的包管理器，将Bootstrap的源文件拉入几乎任何项目中。无论包管理器如何，Bootstrap都将 需要一个Sass编译器和Autoprefixer 以获得与我们的官方编译版本相匹配的设置。

npm

使用npm包在Node.js驱动的应用程序中安装引导程序:

npm install bootstrap@5.3.2

const bootstrap=require('bootstrap') 或 import bootstrap from ‘bootstrap’将bootstrap的所有插件加载到bootstrap对象上。bootstrap 模块本身导出我们所有的插件。你可以通过在包的顶级目录下加载/js/dist/*.js`文件来手动单独加载Bootstrap的插件。

Bootstrap的package.json在以下键下包含一些额外的元数据：

sass -Bootstrap的main的路径sass源文件
style - Bootstrap的non-minified CSS的路径，该CSS是使用默认设置编译的(无自定义)

通过我们的starter 项目，通过npm开始使用Bootstrap前往Sass&JS示例模板存储库，了解如何在自己的npm项目中构建和自定义Bootstrap。包括Sass编译器、Autoprefixer、Styleint、PurgeCSS和Bootstrap 图标。

yarn

使用yarn package在Node.js驱动的应用程序中安装Bootstrap:

yarn add bootstrap@5.3.2

RubyGems

使用Bundler 在Ruby应用程序中安装Bootstrap（推荐）和RubyGems通过在 Gemfile 中添加以下行:

gem 'bootstrap', '~> 5.3.2'

或者，如果你不使用Bundler，你可以通过运行以下命令来安装gem：

gem install bootstrap -v 5.3.2

参见gem的自述以了解更多详细信息。

Composer

你还可以使用 Composer 安装和管理Bootstrap的Sass和JavaScript:

composer require twbs/bootstrap:5.3.2

NuGet

如果你在开发 .NET Framework，你还可以安装和管理Bootstrap的CSS 或 Sass和使用NuGet 的JavaScript。较新的项目应该使用libman或者另一种方法，因为NuGet是为编译的代码而设计的，而不是前端资产。

Install-Package bootstrap

Install-Package bootstrap.sass