Source

下载

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

编译的 CSS 和 JS

下载Bootstrap v4.2.1的即用型编译代码，轻松放入您的项目，其中包括：

  • 编译和缩小的 CSS 包（参见CSS 文件比较）
  • 编译和缩小的 JavaScript 插件

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

下载

源文件

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

  • 用于编译 CSS 的 Sass 编译器（支持 Libsass 或 Ruby Sass）。
  • 用于 CSS 供应商前缀的Autoprefixer

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

下载源

jsDelivr

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

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>

如果您使用的是我们编译的 JavaScript，请不要忘记在其之前包含 jQuery 和 Popper.js 的 CDN 版本。

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" 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 插件。

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

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

纱

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

yarn add bootstrap

红宝石宝石

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

gem 'bootstrap', '~> 4.2.1'

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

gem install bootstrap -v 4.2.1

有关详细信息，请参阅 gem 的 README。

作曲家

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

composer require twbs/bootstrap:4.2.1

NuGet

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

Install-Package bootstrap
Install-Package bootstrap.sass