下载

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

在本页

编译后的 CSS 和 JS

下载Bootstrap v5.3.0-alpha1的现成编译代码，轻松放入您的项目，其中包括：

编译和缩小的 CSS 包（参见CSS 文件比较）
编译和缩小的 JavaScript 插件（参见JS 文件比较）

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

下载

源文件

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

Sass 编译器，用于将 Sass 源文件编译成 CSS 文件
Autoprefixer CSS供应商自动前缀

如果您需要我们的全套构建工具，它们包含用于开发 Bootstrap 及其文档，但它们可能不适合您自己的项目。

下载源

例子

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

下载范例

CDN 通过 jsDelivr

使用jsDelivr跳过下载，将 Bootstrap 编译的 CSS 和 JS 的缓存版本交付到您的项目。

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>

如果您正在使用我们编译的 JavaScript 并且更喜欢单独包含 Popper，请最好通过 CDN 在我们的 JS 之前添加 Popper。

<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-mQ93GR66B00ZXjt0YO5KlohRA5SY2XofN4zfuZxLkoj1gXtW8ANNCe9d5Y3eG5eD" crossorigin="anonymous"></script>

包管理器

使用一些最流行的包管理器将Bootstrap 的源文件拉到任何项目。无论包管理器是什么，Bootstrap 都需要Sass 编译器和Autoprefixer才能与我们的官方编译版本相匹配。

npm

使用npm包在 Node.js 驱动的应用程序中安装 Bootstrap ：

npm install [email protected]

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

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

sass - Bootstrap的主要Sass源文件的路径
style - 使用默认设置编译的 Bootstrap 非缩小 CSS 的路径（无自定义）

通过我们的入门项目通过 npm 开始使用 Bootstrap！前往twbs/bootstrap-npm-starter模板存储库，了解如何在您自己的 npm 项目中构建和自定义 Bootstrap。包括 Sass 编译器、Autoprefixer、Stylelint、PurgeCSS 和 Bootstrap Icons。

yarn

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

yarn add [email protected]

RubyGems

使用Bundler（推荐）和RubyGems在您的 Ruby 应用程序中安装 Bootstrap，将以下行添加到您的Gemfile：

gem 'bootstrap', '~> 5.3.0-alpha1'

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

gem install bootstrap -v 5.3.0-alpha1

有关详细信息，请参阅 gem 的自述文件。

Composer

您还可以使用Composer安装和管理 Bootstrap 的 Sass 和 JavaScript ：

composer require twbs/bootstrap:5.3.0-alpha1

NuGet

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

Install-Package bootstrap

Install-Package bootstrap.sass