
上QQ阅读APP看书,第一时间看更新
1.3.2 Bootstrap的文件结构
1. 预编译的Bootstrap的文件结构
下载完Bootstrap文件以后,需要将文件解压。解压后,可以看到Bootstrap的文件结构如图1-5所示。

Bootstrap的文件结构

图1-5 Bootstrap的文件结构
在图1-5所示的Bootstrap文件结构中,所有的bootstrap.*.map文件为源映射文件,该文件可用作某些浏览器开发人员的工具;而bootstrap.min.*文件是预编译且压缩后的文件,用户可以根据自己的需要引用。Bootstrap有一些用于包含部分或全部预编译的CSS和JavaScript的选项,具体如表1-1和表1-2所示。
表1-1 Bootstrap中用于包含部分或全部预编译的CSS的选项

表1-2 Bootstrap中用于包含部分或全部预编译的JavaScript的选项

2. Bootstrap源码文件结构
图1-6所示为源码版的Bootstrap文件结构,其中dist文件夹内放置着预编译的Bootstrap下载文件;js文件夹和scss文件夹中放置着JavaScript和CSS的源码;site文件夹中的.docs文件为开发者文件;其他文件则是为整个Bootstrap开发、编译提供支持的文件,其中包含授权信息、支持文档等。

Bootstrap的使用

图1-6 源码版的Bootstrap文件结构