跳至主要内容 跳至文档导航
在 GitHub 上查看

下载

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

当前页

编译 CSS 和 JS

下载适用于 Bootstrap v5.3.0-alpha2 的现成编译代码，以便轻松放入您的项目中，其中包括：

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

下载

源文件

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

如果您需要我们完整的 构建工具，它们包含在开发 Bootstrap 及其文档时，但它们可能不适合您自己的目的。

下载源码

示例

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

下载示例

CDN via jsDelivr

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

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-aFq/bzH65dt+w6FI2ooMVUpc+21e0SRygnTpmBvdBgSdnuTN7QbdgL+OapgHtvPp" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha2/dist/js/bootstrap.bundle.min.js" integrity="sha384-qKXV1j0HvMUeCBQ+QVp7JcfGl760yU08IQ+GpUo5hlbpg51QRiuqHAJz8+BrxE/N" crossorigin="anonymous"></script>

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

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.7/dist/umd/popper.min.js" integrity="sha384-zYPOMqeu1DAVkHiLqWBUTcbYfZ8osu1Nd6Z89ify25QV9guujx43ITvfi12/QExE" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha2/dist/js/bootstrap.min.js" integrity="sha384-heAjqF+bCxXpCWLa6Zhcp4fu20XoNIA98ecBC1YkdXhszjoejr5y9Q77hIrv8R9i" crossorigin="anonymous"></script>

包管理器

将 Bootstrap 的 源文件 引入到几乎任何具有一些最流行的包管理器的项目中。无论包管理器是什么，Bootstrap 都需要 Sass 编译器 和 Autoprefixer** 才能匹配我们的官方编译版本。

npm

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

npm install bootstrap@5.3.0-alpha2

const bootstrap = require('bootstrap') 或 import bootstrap from 'bootstrap' 会将 Bootstrap 的所有插件加载到bootstrap 对象上。

bootstrap 模块本身导出我们所有的插件。您可以通过在软件包的根目录下加载 /js/dist/*.js 文件来手动加载 Bootstrap 的插件。

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

  • sass - Bootstrap的主源文件路径 Sass
  • style - 使用默认设置编译的 Bootstrap 非压缩 CSS 的路径（无自定义）
通过 npm 通过我们的入门项目开始使用 Bootstrap！ 前往 Sass & JS example模板存储库，了解如何在您自己的 npm 项目中构建和自定义 Bootstrap。包括 Sass 编译器、Autoprefixer、Stylelint、PurgeCSS 和 Bootstrap 图标。

yarn

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

yarn add bootstrap@5.3.0-alpha2

RubyGems

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

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

或者，如果您不使用捆绑器，则可以通过运行以下命令来安装 Gem：

gem install bootstrap -v 5.3.0-alpha2

See the gem’s README for further details.

Composer

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

composer require twbs/bootstrap:5.3.0-alpha2

NuGet

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

Install-Package bootstrap

Install-Package bootstrap.sass