• 下载
    • 编译版（推荐使用）
    • 源码包（高级用户）
    • Bootstrap CDN在线引用
    • 程序打包方式 Package managers
      • NodeJS安装方式
      • RubyGems安装
      • Composer 安装（对于PHP开发者）
      • NuGet 安装（对于微软.NET开发者）

    下载

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

    编译版（推荐使用）

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

    • 精简压缩后的CSS文件 (CSS 层叠样式表文件对比)
    • 精简压缩最小化后的 JavaScript 插件
      （不包含使用文档、源文件、以及Jqurey和Popper.js文件）。

    立即下载

    源码包（高级用户）

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

    • Libsass 或 Ruby Sass 以及其它Sass编译工具。
    • Autoprefixer-浏览器自动兼容前缀的处理程序。
      构建后的版本只能于Bootstrap及其文档的分支，应不包含重新发行之商业目的，详情 build tools。

    获得源码

    Bootstrap CDN在线引用

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

    1. <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    2. <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/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.3.1

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

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

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

    RubyGems安装

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

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

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

    1. gem install bootstrap -v 4.3.1

    关于RubyGems安装的更多文档。

    Composer 安装（对于PHP开发者）

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

    1. composer require twbs/bootstrap:4.3.1

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

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

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