下载

已编译的CSS和JS

下载可直接使用的已编译的Bootstrap v5.1.3代码，放到您的项目中：

• 编译并压缩后的CSS包(查看CSS文件对比)
• 编译并压缩后的JavaScript插件(查看JS文件对比)

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

Download

源码

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

• Sass编译器，编译Sass源码为CSS文件。
• Autoprefixer，为各浏览器添加浏览器特有的CSS前缀。

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

下载源码

示例

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

下载Examples

jsDelivr CDN

使用jsDelivr跳过下载，将Bootstrap编译后的CSS和JS添加到您的项目中。

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>

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

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>

包管理器

使用一些流行的包管理器可以将Bootstrap的源文件引入几乎任何项目。 无论包管理器是什么，Bootstrap都将需要Sass编译器和Autoprefixer用于匹配我们官方编译版本的设置。

npm

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

npm install bootstrap

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

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

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

yarn

在你的Node.js应用中安装Bootstrap的yarn 包：

yarn add bootstrap

RubyGems

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

gem 'bootstrap', '~> 5.1.3'

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

gem install bootstrap -v 5.1.3

查看gem的README查看更多细节。

Composer

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

composer require twbs/bootstrap:5.1.3

NuGet

如果您使用.NET进行开发，还可以使用NuGet安装和管理Bootstrap的CSS或Sass和JavaScript：

Install-Package bootstrap

Install-Package bootstrap.sass