下载
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部署的线上版本,跳过下载和本地部署,直接引用到你的项目(如果是离线项目这种方式是无效的)。
<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">
<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引用,简单高效。
<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.3.1
require('bootstrap')
会将所有Bootstrap的jQuery插件加载到jQuery对象上。 bootstrap
模块本身不输出任何运作,你需要通过 Bootstrap 根目录下的 /js/*.js
文件夹中的文件来进行配置。.
根目录下的 package.json
文件包含以下元素的定义:
sass
- 目录,这是 Bootstrap中 Sass 文件存放路径。style
- 目录,这是Bootstrap中没有压缩的 CSS文件。
RubyGems安装
推荐使用 Bundler工具 进行 RubyGems安装 , Gemfile
命令:
gem 'bootstrap', '~> 4.1.3'
免工具纯命令行模式指令:
gem install bootstrap -v 4.3.1
Composer 安装(对于PHP开发者)
支持PHP开发者喜爱的Composer依赖管理工具安装,执行:
composer require twbs/bootstrap:4.3.1
NuGet 安装(对于微软.NET开发者)
对于微软平台广大的 .NET 开发人员使用NuGet 工具可以快速部署CSS 和 Sass 并引入全局 JavaScript:
Install-Package bootstrap
Install-Package bootstrap.sass