2.1 下载和定制Bootstrap
在下载Bootstrap之前,先确保系统中准备好了一个网页代码编辑器,本书使用Dreamweaver网页设计和编辑软件。另外,读者应该对自己的网页制作水平进行初步评估,评估自己是否基本掌握HTML和CSS技术,以确保能够在网页设计和开发中轻松学习和使用Bootstrap。
2.1.1 下载Bootstrap
Bootstrap压缩包包含两个版本,一个是供学习使用的完全版,另一个是供应用的编译版。
1.下载源码版Bootstrap
访问http://github.com/twbs/bootstrap/页面,下载最新版本的Bootstrap压缩包。在访问GitHub时,找到Twitter公司的Bootstrap项目页面,单击ZIP选项卡,即可下载保存Bootstrap压缩包,如图2-1所示。从GitHub直接下载到的最新版源码包括CSS、JavaScript的源文件,以及一份文档。
通过这种方式下载的Bootstrap压缩包,名称为bootstrap-master.zip,包含Bootstrap库中所有的源文件以及参考文档,适合读者学习和交流使用。
2.下载编译版Bootstrap
如果希望快速开始,可以直接下载经过编译、压缩后的发布版。访问下面页面之一,根据下载按钮提示直接下载即可,如图2-2所示。
https://github.com/twitter/bootstrap
http://kxh.github.io/Bootstrap_doc_in_chinese/
http://www.bootcss.com/
通过这种方式下载的压缩文件名为bootstrap.zip,仅包含编译好的Bootstrap应用文件,如CSS、JavaScript和图片文件。而且所有文件已经过了压缩处理,不过文档和源码文件不包含在这个压缩包中。
直接复制压缩包中的文件到网站目录,导入相应的CSS文件和JavaScript文件,就可以在网站和页面中应用Bootstrap效果和插件了。