View on GitHub

下载（Download）

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

编译 CSS 和 JS

下载 Bootstrap v4.6.2 的即用编译代码，轻松放入你的项目中，其中包括

这不包括文档、源文件或任何可选的 JavaScript 依赖项（jQuery 和 Popper）。

下载

源文件

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

如果您需要我们的全套构建工具，我们会提供这些工具用于开发 Bootstrap 及其文档，但它们很可能不适合您自己的用途。

下载源码

示例

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

下载示例

jsDelivr

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

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-dYZNN/S36H+qFkH6sJzTpni3g1HLk0wUtTr9fD9c//71s4Tm91nya/xLcs+Al0o+" crossorigin="anonymous"></script>

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

<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js" integrity="sha384-7xnvUvHjVbNQlsHJon2soeS+vXvFN+QKl+YLKTfpgYjntS63cQhDK6ZRYrJZvoI6" crossorigin="anonymous"></script>

包管理

将 Bootstrap 的 源文件 到几乎所有使用最流行的软件包管理器的项目中。无论使用哪种软件包管理器，Bootstrap 都 需要Sass 编译器 和Autoprefixer ，以实现与官方编译版本一致的设置。

npm

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

npm install bootstrap@4.6

require('bootstrap') 会将所有Bootstrap的jQuery插件加载到jQuery对象中。bootstrap模块本身不导出任何东西。你可以通过加载软件包顶层目录下的 /js/*.js 文件，手动加载 Bootstrap 的 jQuery 插件。

Bootstrap 的 package.json 包含一些额外的元数据，具体如下：

  • sass - Bootstrap 的主 Sass 源文件的路径
  • style - 使用默认设置预编译的 Bootstrap 非最小化 CSS 的路径（无自定义设置）
通过我们的启动项目，通过 npm 开始使用 Bootstrap！ 前往 twbs/bootstrap-npm-starter 模板库，了解如何在您自己的 npm 项目中构建和自定义 Bootstrap。包括 Sass 编译器、Autoprefixer、Stylelint、PurgeCSS 和 Bootstrap 图标。

yarn

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

yarn add bootstrap@4.6

RubyGems

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

gem 'bootstrap', '~> 4.6.2'

另外，如果不使用 Bundler，也可以运行此命令安装 gem：

gem install bootstrap -v 4.6.2

详情请参见 gem 的 README。

Composer

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

composer require twbs/bootstrap:4.6.2

NuGet

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

Install-Package bootstrap

Install-Package bootstrap.sass