下载Bootstrap的途径很多,但通过这些途径下载的文件并不完全一样。为了后面考虑,我们必须保证下载到LESS文件,因为这些文件可以为我们提供定制和创意的基础。在这里,我们直接溯本求源,打开GetBootstrap.com

{%}

打开网站,一眼就能看到大大的“Download Bootstrap”按钮。翻译本书时,最新的版本为v3.2.0。点击这个按钮,进入下载页面:

{%}

可以看到中间那个“Download source”按钮,点击下载即可。此外,也可以访问GitHub上的项目链接(https://github.com/twbs/bootstrap),点击“Download ZIP”按钮。为方便创建示例,本书采用Bootstrap v3.0.2作为示范,这个版本可以在GitHub上找到并下载:https://github.com/twbs/bootstrap/releases

下载了Bootstrap的源文件之后,应该能看到类似下图所示的文件结构:

{%}

没错,文件不少,但我们并不需要那么多。无论如何,这里包含了Bootstrap所能提供的一切。

需要说明的是,下载到的文件中的实际内容可能会随着时间推移而有所变化,但主要内容通常不会变。比如,在less文件夹中,可以找到所有重要的LESS文件,它们是本书所有项目的基础。另外,js文件夹中包含的是Bootstrap的插件,可供我们选择使用。

假如你只需要Bootstrap默认提供的预编译的CSS或JavaScript文件(bootstrap.css或bootstrap.min.js),也可以在dist文件夹中找到它们。在这个版本的源文件里,还有一个examples文件夹,其中包含示例HTML模板。我们第一个项目的模板文件夹就会基于其中一个示例来创建。

30:00