Bootstrap学习从一个模板开始
admin
2024-02-23 18:35:48

开源代码:

BootstrapDash/celestialAdmin-free-admin-template: Celestial Free Bootstrap Admin Dashboard Template (github.com)icon-default.png?t=M85Bhttps://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的原始文件了,我个人理解为附带的调试信息,用于还原开发的源代码.

相关内容

热门资讯

“如果用一个字证明你不是AI,... 最近,一堂高中语文课的视频引发热议。视频源于深圳语文老师@教语文的萱萱萱ww 的一次特别作文题征集:...
最新或2023(历届)工行温州... 近日,工行温州分行顺利投产新版社保市民卡办卡建档系统,新增了可以代理办卡的功能,切实方便了市民的需求...
最新或2023(历届)武汉市个... 武汉市个人医保信息查询_武汉市社保卡信息查询 武汉社保网上查询  说明:点击后进入武汉市社保局网站进...
最新或2023(历届)随州市人... 随州市人力资源和社会保障局地址 随州社保网上查询  说明:点击后进入随州市人力资源和社会保障局网站进...
最新或2023(历届)临夏州人... 临夏州人力资源和社会保障局网址 临夏州社保网上查询  1、拨打临夏州社保热线0930-12333查询...