in English

下载

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

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

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/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 插件。

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

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

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

yarn add bootstrap

红宝石宝石

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

gem 'bootstrap', '~> 4.6.2'

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

gem install bootstrap -v 4.6.2

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

作曲家

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

composer require twbs/bootstrap:4.6.2

NuGet

如果您使用 .NET 进行开发,您还可以使用NuGet安装和管理 Bootstrap 的CSSSass和 JavaScript :

Install-Package bootstrap
Install-Package bootstrap.sass