2.1 下载Bootstrap
下载Bootstrap 4.2.1版本之前,先确保系统中是否准备好了一个网页编辑器,本书使用WebStorm软件。另外,读者应该对自己的网页水平进行初步评估,是否基本掌握HTML和CSS技术,以便在网页设计和开发中轻松学习和使用Bootstrap。
Bootstrap提供了几个快速上手的方式,每种方式都针对不同级别的开发者和不同的使用场景。Bootstrap压缩包包含两个版本,一个是供学习使用的完整版,另一个是供直接引用的编译版。
1)下载源码版Bootstrap 4.2.1
访问GitHub,找到Twitter公司的Bootstrap项目页面(https://github.com/twbs/bootstrap/),即可下载最新版本的Bootstrap压缩包,如图2-1所示。通过这种方式下载的Bootstrap压缩包,名称为bootstrap-master.zip,包含Bootstrap库中所有的源文件以及参考文档,它们适合读者学习和交流使用。
图2-1 GitHub上下载Bootstrap压缩包
用户也可以通过访问https://getbootstrap.com/docs/4.2/getting-started/download/页面下载源码文件,如图2-2所示。
图2-2 在官网下载Bootstrap源代码
2)下载编译版Bootstrap
如果希望快速地使用Bootstrap,可以直接下载经过编译、压缩后的发布版,访问https://getbootstrap.com/docs/4.2/getting-started/download/页面,单击Download按钮进行下载,下载文件名称为bootstrap-4.2.1-dist.zip,如图2-3所示。
图2-3 在官网下载编译版的Bootstrap
编译版的Bootstrap文件仅包括CSS文件和JavaScript文件,Bootstrap 4中删除了字体图标文件。直接复制压缩包中的文件到网站目录,导入相应的CSS文件和JavaScript文件,即可在网站和网页中应用Bootstrap的内容。