Bootstrap学习从一个模板开始

开源代码：

BootstrapDash/celestialAdmin-free-admin-template: Celestial Free Bootstrap Admin Dashboard Template (github.com)https://github.com/BootstrapDash/celestialAdmin-free-admin-template

作为一个新手，知识还停留在简单的HTML+JS+CSS的hello world阶段，所以使用的时候遇到了很多新概念，自己做了一个记录。

1.bootstrap

这个在搭建网站之类的东西使用比较多，他是一个前端开发框架，个人理解就是将一些基础组件进行封装， 然后再提供给我们使用。

2.Scss

这里，Scss是用来写css的，个人理解相当于TypeScript相当于Javascript的概念。

Scss是css的超集，编写完成之后使用gulp工具可以编译出一个css文件和一个css.map文件。

这里我疑惑css.map的作用，后面删除了该文件，发现F12的开发者工具显示缺失这个文件，然后在将生成的单个的css文件的

/*# sourceMappingURL=../maps/vertical-layout-light/style.css.map */

这一行删除掉，就没有这个缺失文件的提示了。

而且这也在开发者工具中看不到Scss的原始文件了，我个人理解为附带的调试信息，用于还原开发的源代码.