下载
下载 Bootstrap 以获取已编译的 CSS 和 JavaScript、源代码,或将其包含在您最喜欢的包管理器中,如 npm、RubyGems 等。
编译的 CSS 和 JS
为Bootstrap v5.1.3下载现成的编译代码以轻松放入您的项目,其中包括:
这不包括文档、源文件或任何可选的 JavaScript 依赖项,如 Popper。
源文件
通过下载我们的源 Sass、JavaScript 和文档文件,使用您自己的资产管道编译 Bootstrap。此选项需要一些额外的工具:
- 用于将 Sass 源文件编译成 CSS 文件的Sass 编译器
- 用于 CSS 供应商前缀的Autoprefixer
如果您需要我们的全套构建工具,它们包含在开发 Bootstrap 及其文档中,但它们可能不适合您自己的目的。
例子
如果您想下载并查看我们的示例,您可以获取已经构建的示例:
CDN 通过 jsDelivr
使用jsDelivr跳过下载,将 Bootstrap 编译的 CSS 和 JS 的缓存版本交付给您的项目。
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
如果您使用我们编译的 JavaScript 并希望单独包含 Popper,请在我们的 JS 之前添加 Popper,最好通过 CDN。
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
包管理器
使用一些最流行的包管理器将Bootstrap 的源文件引入到几乎任何项目中。无论使用何种包管理器,Bootstrap 都需要Sass 编译器和Autoprefixer来进行与我们的官方编译版本相匹配的设置。
npm
使用npm 包在 Node.js 驱动的应用程序中安装 Bootstrap :
npm install bootstrap
const bootstrap = require('bootstrap')
或者import bootstrap from 'bootstrap'
将所有 Bootstrap 的插件加载到一个bootstrap
对象上。该bootstrap
模块本身导出我们所有的插件。/js/dist/*.js
您可以通过加载包顶级目录下的文件来单独手动加载 Bootstrap 的插件。
Bootstrappackage.json
在以下键下包含一些额外的元数据:
sass
- Bootstrap 的主要Sass源文件的路径style
- 使用默认设置预编译的 Bootstrap 的非缩小 CSS 的路径(无自定义)
纱
使用yarn 包在 Node.js 驱动的应用程序中安装 Bootstrap :
yarn add bootstrap
红宝石宝石
使用Bundler(推荐)和RubyGems在您的 Ruby 应用程序中安装 Bootstrap,方法是将以下行添加到您的Gemfile
:
gem 'bootstrap', '~> 5.1.3'
或者,如果您不使用 Bundler,则可以通过运行以下命令来安装 gem:
gem install bootstrap -v 5.1.3
作曲家
您还可以使用Composer安装和管理 Bootstrap 的 Sass 和 JavaScript :
composer require twbs/bootstrap:5.1.3
NuGet
如果您使用 .NET 进行开发,您还可以使用NuGet安装和管理 Bootstrap 的CSS或Sass和 JavaScript :
Install-Package bootstrap
Install-Package bootstrap.sass