在下载Bootstrap之前,请确保你已经安装了一个好用并适合自己的代码编辑器。你可以使用任何文本编辑器,如记事本、写字板、UltraEdit32、EditPlus、NotePad++等等,笔者推荐使用NotePad++ 和EditPlus。另外,你还应该具备 HTML、CSS 和 JavaScript 的基础知识,以确保能够在网页设计和开发中,轻松学习和使用Bootstrap。
你可以在Bootstrap官网(http://getbootstrap.com/)下载它的框架的文件和源码。打开Bootstrap官网首页,点击“Download Bootstrap”按钮,跳转到下载页面。如图 1‑1所示:
图1-1 下载Bootstrap
可以看到,Bootstrap提供了三种版本:一种是编译版本、一种是源码版本、一种是Sass源码版本。不同的版本针对具有不同技能等级的开发者和不同的使用场景,可以根据实际情况,下载合适的版本。
第一种是编译版本,它是用于生产环境的 Bootstrap,包含编译并压缩后的 CSS、JavaScript 和字体文件,不包含文档和源码文件。
第二种是源码版本,包含Less、JavaScript 和 字体文件的源码,并且带有文档。需要 Less 编译器和简单的安装。
第三种是Sass版本,这是 Bootstrap 从 Less 到 Sass 的源码移植项目,用于快速地在 Rails、Compass 或只针对 Sass 的项目中引入。
下载编译版本
如果你希望快速开始,可以点击“Download Bootstrap”,直接下载编译后的版本。从该链接下载的是一个名称为bootstrap-3.3.7-dist.zip的压缩包,仅包含CSS、JS、字体文件,而不包含文档和源文件。
编译后的版本可以直接使用,将压缩包解压后,得到的是css、fonts、js三个目录,其中分别是CSS文件、字体文件、JavaScript文件。复制其中的文件到网站目录,引入相应的CSS文件和JavaScript文件,就可以在网站和页面中使用Bootstrap的样式和插件了。
默认情况下,CSS 和 JavaScript 文件有两种:一种是未经压缩的文件,一种是经过压缩处理的 min 文件。可以根据需要选择一个版本,没必要在项目中同时包含两个版本。一般网站在正式运行时使用压缩过的文件,以可以节约传输流量;而在开发调试阶段,往往使用原始的、未压缩的版本,以便进行调试跟踪。