View on GitHub

下载Bootstrap

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

编译的 CSS 和 JS

下载Bootstrap v4.6.0的现成编译代码，以便轻松地放入您的项目中，其中包括：

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

下载编译版Bootstrap v4.6

源文件

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

  • Sass 编译器，用于将Sass源文件编译为CSS文件
  • Autoprefixer，用于为某些 CSS 属性添加特定于厂商的属性前缀

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

下载Bootstrap v4.6 源码

示例

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

下载Bootstrap示例

jsDelivr

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

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>

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

<script src="https://code.jquery.com/jquery-3.5.1.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.0/dist/js/bootstrap.min.js" integrity="sha384-+YQ4JLhjyBLPDQt//I+STsc9iw4uQqACwlvpslubQzn4u2UU2UFM80nGisd026JF" crossorigin="anonymous"></script>

包管理器

将Bootstrap的源文件 拉入到几乎所有具有一些最流行的包管理器的项目中。无论包管理器是什么， Bootstrap will 都需要一个 Sass 编译器 和 安装程序与我们的官方编译版本相匹配。

npm

使用 npm 软件包 在你的 Node.js 项目中安装 Bootstrap：

npm install bootstrap

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

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

  • sass - Bootstrap的主Sass 源文件的路径
  • style - Bootstrap的非压缩 CSS的路径，该CSS已使用默认设置预编译（无自定义）
使用 npm 和我们提供的模板项目快速上手 Bootstrap！ 前往 twbs/bootstrap-npm-starter 初学者模板库，了解如何在自己的npm项目中构建和定制引导。包括Sass编译器、Autoprefixer、Stylelint、PurgeCSS和引导图标。

yarn

使用 yarn软件包 在你的 Node.js 项目中安装 Bootstrap：

yarn add bootstrap

RubyGems

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

gem 'bootstrap', '~> 4.6.0'

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

gem install bootstrap -v 4.6.0

有关更多详细信息，请参阅gem的自述文件 。

Composer

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

composer require twbs/bootstrap:4.6.0

NuGet

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

Install-Package bootstrap

Install-Package bootstrap.sass