1.2 新手入门

在下载Bootstrap框架文件之前，首先确保要安装一个好用并适合自己的代码编辑器。如果你已经是某个方面的开发人员，应该已经安装了相应的IDE开发工具了，比如.NET开发人员常用的Visual Studio、Java开发人员常用的Eclipse等。这些IDE开发工具都能够对HTML、CSS、JavaScript代码进行很好的编辑。

除此之外，如果非要推荐一些编辑器的话，我推荐大家使用EditPlus或者Sublime Text，这两个编辑器都有非常不错的高亮着色和智能提示功能。

Bootstrap框架的文件和源码可以在其官方网站（www.getbootstrap.com）下载。打开网站的首页，单击Download Bootstrap按钮，跳转到下载页面，可以看到3个下载链接，如图1-1所示。

图1-1 Bootstrap下载页面

❏Download Bootstrap。从该链接下载的内容是编译后可以直接使用的文件。默认情况下，下载后的文件分两种：一种是未经压缩的文件bootstrap.css，一种是经过压缩处理的文件bootstrap.min.css。一般网站正式运行的时候使用压缩过的min文件，以节约网站传输流量；而我们进行开发调试的时候往往使用原始的、未经压缩的文件，以便进行debug跟踪，就像jQuery的使用方式一样。

❏Download source。从该链接下载的是用于编译CSS的Less源码，以及各个插件的JS源码文件。默认情况下，本书将基于未压缩的bootstrap.css和bootstrap.js文件进行源码讲解，不会涉及与Less相关的内容，比如nav功能模板就单独建立一个navs.less文件，或者具有弹窗功能插件的modal.js文件。

❏Download Sass。从该链接下载的是用于编译CSS的Sass源码，以及各个插件的JS源码文件。默认情况下，本书也不会涉及与Sass相关的内容。

本书所有涉及源码的讲解和分析均基于Bootstrap V3.1.0版本的CSS和JS文件。

在CSS源码分析方面，会涉及CSS代码、Less源码、Sass源码，但不会针对Less源码和Sass源码进行过多的解释，读者大概能看懂就行了，主要还是阅读生成后的CSS源码。所以建议大家阅读完本书提及的bootstrap.css文件后，再进行Less源码和Sass源码的延伸阅读。

但是，有一点要记住：经常使用IDE的源码搜索功能，因为源码分析的时候不会处处提及行号。

在JavaScript插件方面，将以单一插件的功能源码为准进行讲解，读者可以下载第二个（或第三个）链接的源码进行阅读，或者可以直接在GitHub网站上在线阅读这些源码，目录分别是js和less：https://github.com/twbs/bootstrap