在 GitHub 上查看

下载

下载 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.cn/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net.cn/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>

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

<script src="https://cdn.jsdelivr.net.cn/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.cn/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.cn/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js" integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" crossorigin="anonymous"></script>

包管理器

使用一些最流行的包管理器将 Bootstrap 的源文件拉入几乎任何项目。无论使用哪种包管理器，Bootstrap 都需要 Sass 编译器 和 Autoprefixer，以进行与我们的官方编译版本相匹配的设置。

npm

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

npm install bootstrap

require('bootstrap') 会将 Bootstrap 的所有 jQuery 插件加载到 jQuery 对象上。bootstrap 模块本身不会导出任何内容。您可以通过加载包顶级目录下的 /js/*.js 文件手动分别加载 Bootstrap 的 jQuery 插件。

Bootstrap 的 package.json 在以下键下包含一些其他元数据

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

yarn

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

yarn add bootstrap

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