下载

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

编译版(推荐使用)

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

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

立即下载

源码包(高级用户)

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

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

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

获得源码

Bootstrap 使用实例

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

立即下载实例包

Bootstrap CDN在线引用

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

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

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

<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.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>

程序打包方式 Package managers

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

NodeJS安装方式

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

npm install bootstrap@4.5.3

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,命令是:

yarn add bootstrap

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

gem install bootstrap -v 4.5.3

关于RubyGems安装的更多文档

RubyGems安装

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

gem 'bootstrap', '~> 4.1.3'

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

gem install bootstrap -v 4.5.3

关于RubyGems安装的更多文档

Composer 安装(对于PHP开发者)

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

composer require twbs/bootstrap:4.5.3

NuGet 安装(对于微软.NET开发者)

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

Install-Package bootstrap
Install-Package bootstrap.sass