in English

下载

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

在本页面

编译的 CSS 和 JS

下载Bootstrap v5.2.1的即用型编译代码，轻松放入您的项目，其中包括：

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

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

下载

源文件

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

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

如果您需要我们的全套构建工具，它们包含在开发 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-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script>

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

<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-7VPbUDkoPSGFnVtYi0QogXtr74QeVeeIs99Qfg5YCF+TidwNdjvaKZX19NZ/e6oz" 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 图标。

纱

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

yarn add [email protected]

红宝石宝石

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

gem 'bootstrap', '~> 5.2.1'

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

gem install bootstrap -v 5.2.1

有关详细信息，请参阅 gem 的 README。

作曲家

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

composer require twbs/bootstrap:5.2.1

NuGet

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

Install-Package bootstrap

Install-Package bootstrap.sass