下载

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

已编译的CSS和JS

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

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

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

下载

源文件

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

  • 用于编译CSS的Sass编译器（支持Libsass或Ruby Sass）。
  • 用于CSS的Autoprefixer

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

下载源代码

BootstrapCDN

使用BootstrapCDN跳过下载，将引导编译的CSS和JS的缓存版本直接提供给您的项目。

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/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://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/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插件。

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

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

yarn

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

yarn add bootstrap

RubyGems

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

gem 'bootstrap', '~> 4.2.1'

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

gem install bootstrap -v 4.2.1

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

Composer

您还可以使用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