下面， 我们先去下载 Bootstrap ，打开它的官方的网站，getbootstrap.com ... 然后点击 Getting started ... 找到 Download ，下载区域 ..

在这里，有几个可以选择的版本，可以选择下载编译好的 Bootstrap，或者去下载 Source code ，源代码，也可以选择 Sass 版本的 Bootstrap 。 选择下载哪一个，要取决于你想怎么样去使用 Bootstrap 。

如果你想深度的定制一下 Bootstrap ，你可能想要的是 Source code 或者 Sass 。Source code 里面，包含了 Bootstrap 用到的 Less 文件，Sass 里面是 Sass 版本的 Bootstrap 。Less 还有 Sass 都是一种 CSS 预处理的语言，我们以后会有专门的课程介绍他们。

这里，我们可以先下载最简单的 Bootstrap ，也就是编译好的 Bootstrap ，先了解一下 Bootstrap 都能去做什么。在以后，开发复杂的应用项目的时候，我们再回来看一下 Bootstrap 的源代码。

点击这里的 Download Bootstrap ...

回到桌面，先在这里新建一个目录来存储我们要做的东西 ... 可以叫它 learn-bootstrap ...

然后找到下载下来的 Bootstrap ， 解压一下 ... 复制解压以后的这个目录 ... 再回到刚才我们创建的目录 ... 把 bootstrap 粘贴到这里 ... 重命名一下它 .. bootstrap ... 然后再新建一个目录 ... 命名为 lib ，表示 library ... 再把 bootstrap 这个目录放到里面。

bootstrap 里的 JavaScript 插件需要用到 jQuery，所以， 我们需要再去把 jQuery 下载下来 ... 打开 jQuery 的官方网站 ... jquery.com

点击 Download jQuery .. 这会打开 jQuery 的下载页面 ... 在这里，可以选择一个要用到的 jQuery 的版本 ...

如果你不在乎低版本的 IE 浏览器的话 ... 可以选择 2.x 版本 的 jQuery ... 因为它的体积更小一些 ... 点击这个 Download the compressed, production jQuery 2.1.1

右键点击这个页面 ... 选择 存储为 ... 把它放到 learn-bootstrap 下面的 lib 这个目录里面 ...

再打开编辑器 .... 这里我用的是 Brackets 这款编辑器 ... 它比较适合编辑 CSS 还有 HTML 的代码 ...

打开文件菜单 ... 选择打开目录 ... 找到之前我们创建的 learn-bootstrap 这个目录 ...