下载
Bootstrap 提供离线的源码下载,并提供编译前less代码,或者你也可以使用Node.js、 RubyGems等方式来安装,灵活方便。
编译版(推荐使用)
下载最新的 Bootstrap v4.5.3 即用型代码包,其中包括:
- 精简压缩后的CSS文件 (CSS 层叠样式表文件对比)
- 精简压缩最小化后的 JavaScript 插件
(不包含使用文档、源文件、以及Jqurey和Popper.js文件)。
源码包(高级用户)
下载完整的Sass、JavaScript和文档,并可使用工具对Bootstrap进行重编译,推荐使用:
- Libsass 或 Ruby Sass 以及其它Sass编译工具。
- Autoprefixer-浏览器自动兼容前缀的处理程序。
构建后的版本只能于Bootstrap及其文档的分支,应不包含重新发行之商业目的,详情 build tools。
Bootstrap 使用实例
如果你想获在我们的全部官方实例,可以点击这里下载:
Bootstrap CDN在线引用
通过我们在maxcdn部署的线上版本,跳过下载和本地部署,直接引用到你的项目(如果是离线项目这种方式是无效的)。
这其中包括Css、Jquery、Popper.js都是可以直接用线上CDN版本的URL引用,简单高效。
程序打包方式 Package managers
通过 Sass 工具 和 Autoprefixer 多浏览器兼容处理程式 将 Bootstrap 源码 与您的项目完整打包结合,这样避免出现BootStrap的显式文件名在你的源码中。
NodeJS安装方式
一行代码完成安装 查看我们在npm上托管源码结构:
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,命令是:
免工具纯命令行模式指令:
RubyGems安装
推荐使用 Bundler工具 进行 RubyGems安装 , Gemfile
命令:
免工具纯命令行模式指令:
Composer 安装(对于PHP开发者)
支持PHP开发者喜爱的Composer依赖管理工具安装,执行:
NuGet 安装(对于微软.NET开发者)
对于微软平台广大的 .NET 开发人员使用NuGet 工具可以快速部署CSS 和 Sass 并引入全局 JavaScript: