![Bootstrap响应式Web前端开发](https://wfqqreader-1252317822.image.myqcloud.com/cover/247/53256247/b_53256247.jpg)
上QQ阅读APP看书,第一时间看更新
1.3.2 Bootstrap的文件结构
1. 预编译的Bootstrap的文件结构
下载完Bootstrap文件以后,需要将文件解压。解压后,可以看到Bootstrap的文件结构如图1-5所示。
![](https://epubservercos.yuewen.com/FD910A/31729066804808706/epubprivate/OEBPS/Images/58656-00-013-3.jpg?sign=1739680732-Iz91dVktmD4EKyfNCvqyIHmCwP1jh7X7-0-369efd574a3a258783ae728f492cfb3a)
Bootstrap的文件结构
![](https://epubservercos.yuewen.com/FD910A/31729066804808706/epubprivate/OEBPS/Images/58656-00-014-1.jpg?sign=1739680732-mgQ3IqPYkSCIed2khopOWrbdZjhxW4iY-0-85bb4caca18a8357de50483775893576)
图1-5 Bootstrap的文件结构
在图1-5所示的Bootstrap文件结构中,所有的bootstrap.*.map文件为源映射文件,该文件可用作某些浏览器开发人员的工具;而bootstrap.min.*文件是预编译且压缩后的文件,用户可以根据自己的需要引用。Bootstrap有一些用于包含部分或全部预编译的CSS和JavaScript的选项,具体如表1-1和表1-2所示。
表1-1 Bootstrap中用于包含部分或全部预编译的CSS的选项
![](https://epubservercos.yuewen.com/FD910A/31729066804808706/epubprivate/OEBPS/Images/58656-00-014-2.jpg?sign=1739680732-ViHHZts9aF98SH3TqzUC1NeM4VgDgNCC-0-543de89d1503bca4df1f0817f0a7c74d)
表1-2 Bootstrap中用于包含部分或全部预编译的JavaScript的选项
![](https://epubservercos.yuewen.com/FD910A/31729066804808706/epubprivate/OEBPS/Images/58656-00-014-3.jpg?sign=1739680732-MxoVIcuGAGF47eh9FtGH5DcelusEOEtz-0-c229ad7d24c13379104e462dbc73d8da)
2. Bootstrap源码文件结构
图1-6所示为源码版的Bootstrap文件结构,其中dist文件夹内放置着预编译的Bootstrap下载文件;js文件夹和scss文件夹中放置着JavaScript和CSS的源码;site文件夹中的.docs文件为开发者文件;其他文件则是为整个Bootstrap开发、编译提供支持的文件,其中包含授权信息、支持文档等。
![](https://epubservercos.yuewen.com/FD910A/31729066804808706/epubprivate/OEBPS/Images/58656-00-014-4.jpg?sign=1739680732-QeBTgdYhcRmMgEpmsofmRP3U4Wd9u9iA-0-3686ea1d31267aded262c737fec5e49d)
Bootstrap的使用
![](https://epubservercos.yuewen.com/FD910A/31729066804808706/epubprivate/OEBPS/Images/58656-00-014-5.jpg?sign=1739680732-FevU673jkndA5Nqx48cwaEnGI4PkOh42-0-bfa0cad31096ef178db14e8915b3cc10)
图1-6 源码版的Bootstrap文件结构