下载

Bootstrap 提供离线的源码下载，并提供编译前less代码，或者你也可以使用Node.js、 RubyGems等方式来安装，灵活方便。

编译版（推荐使用）

下载最新的 Bootstrap v4.5.2 即用型代码包，其中包括:

（不包含使用文档、源文件、以及Jqurey和Popper.js文件）。

立即下载

源码包（高级用户）

下载完整的Sass、JavaScript和文档，并可使用工具对Bootstrap进行重编译，推荐使用：

  • Libsass 或 Ruby Sass 以及其它Sass编译工具。
  • Autoprefixer-浏览器自动兼容前缀的处理程序。

构建后的版本只能于Bootstrap及其文档的分支，应不包含重新发行之商业目的，详情 build tools。

获得源码

Bootstrap 使用实例

如果你想获在我们的全部官方实例，可以点击这里下载：

立即下载实例包

Bootstrap CDN在线引用

通过我们在maxcdn部署的线上版本，跳过下载和本地部署，直接引用到你的项目（如果是离线项目这种方式是无效的）。

  1. <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  2. <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

这其中包括Css、Jquery、Popper.js都是可以直接用线上CDN版本的URL引用，简单高效。

  1. <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
  2. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>

程序打包方式 Package managers

通过 Sass 工具 和 Autoprefixer 多浏览器兼容处理程式 将 Bootstrap 源码 与您的项目完整打包结合，这样避免出现BootStrap的显式文件名在你的源码中。

NodeJS安装方式

一行代码完成安装 查看我们在npm上托管源码结构:

  1. npm install bootstrap@4.5.2

require('bootstrap') 会将所有Bootstrap的jQuery插件加载到jQuery对象上。 bootstrap 模块本身不输出任何运作，你需要通过 Bootstrap 根目录下的 /js/*.js 文件夹中的文件来进行配置。.

根目录下的 package.json 文件包含以下元素的定义：

  • sass - 目录，这是 Bootstrap中 Sass 文件存放路径。
  • style - 目录，这是Bootstrap中没有压缩的 CSS文件。

yarn安装

Yarn是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具（译者注），你可以使用yarn来获取Bootstrap，命令是：

  1. yarn add bootstrap

免工具纯命令行模式指令:

  1. gem install bootstrap -v 4.5.2

关于RubyGems安装的更多文档。

RubyGems安装

推荐使用 Bundler工具 进行 RubyGems安装 ， Gemfile命令：

  1. gem 'bootstrap', '~> 4.1.3'

免工具纯命令行模式指令:

  1. gem install bootstrap -v 4.5.2

关于RubyGems安装的更多文档。

Composer 安装（对于PHP开发者）

支持PHP开发者喜爱的Composer依赖管理工具安装，执行：

  1. composer require twbs/bootstrap:4.5.2

NuGet 安装（对于微软.NET开发者）

对于微软平台广大的 .NET 开发人员使用NuGet 工具可以快速部署CSS 和 Sass 并引入全局 JavaScript：

  1. Install-Package bootstrap
  1. Install-Package bootstrap.sass