Bootstrap学习从一个模板开始

news2024/11/25 10:25:12

开源代码:

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的原始文件了,我个人理解为附带的调试信息,用于还原开发的源代码.

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/42962.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

2022王道计组 chap1 计算机系统概述

2022王道计组 chap1计算机系统概述 1.1 计算机发展历程 本节思维导图 知识点 [计算机系统] 计算机系统 硬件 软件 计算机性能的好坏取决于“软”“硬”件功能的总和 硬件:计算机的实体,如主机、外设等 发展变化:见思维导图 软件&#xf…

智能计量系统配套设备有哪些

智能计量系统配套设备 地磅区域安装配套设备包含:微波定位仪、视频监控、道闸、LED显示屏、车号识别、语音对讲、音响设备、红绿灯、刷卡机箱、雷达、补光灯。 硬件设备 1、微波定位仪:通过微波定位仪设备,可以判断车辆是否完全上磅。 2、…

【Java-Web】利用Session和Filter进行权限管理

目录 1.Cookie 概念 优势和不足 2.Session 3.用Session实现登陆 概念 代码 4.使用Filter实现过滤 在使用浏览器的时候,浏览器如何保存我们的个人信息呢?有两种方法,一个是Cookie,一个是Session,区别在于&#x…

详解设计模式:适配器模式

适配器模式(Adapter Pattern)又称为变压器模式,是 GoF 的 23 种设计模式中的一种结构型设计模式。适配器模式 的功能是将一个类的接口变成客户端所期望的另一种接口,从而使原本因接口不匹配而导致无法在一起工作的两个类能够一起工…

双十二选什么牌子的led台灯质量好?2022最新几款真的能护眼的台灯推荐

说到led台灯,那么护眼灯必然是不能忽视的存在,现在市面上的大多数护眼台灯都是使用led灯珠作为发光源,这不仅是因为其高效节能、绿色环保的特性,更重要的是具有很多种保护眼睛的效果。 比起传统的卤素灯或者白炽灯,led…

计算机程序语言的执行过程(个人简单理解)

各种程序语言都只能转换为“机器语言”才能执行 现在的编程语言多种多样,例如,汇编语言;c语言;c,Java,python 语言发展的过程 除了机器语言外,其他语言转换为二进制机器语言 这里要明白两种将…

R语言深度学习不同模型对比分析案例

介绍 深度学习是机器学习最近的一个趋势,模拟高度非线性的数据。在过去的几年中,深度学习在各种应用中获得了巨大的发展势头(Wikipedia 2016a)。其中包括图像和语音识别,无人驾驶汽车,自然语言处理等等。 …

Allegro输出带等长规则的Excel操作指导

Allegro输出带等长规则的Excel操作指导 Allegro可以输出带等长规则的Excel文件,方便检查和查阅,具体操作如下 打开规则管理器 选择Relative Propagation Delay 选择需要输出的match group-expand展开所有规则 菜单选择Tool-Excel 出现一个对话框,选择Active worksheet,…

德国质量链接中国速度,奥迪一汽新能源汽车有限公司在电动化赛道上全速奔跑

(图片一:奥迪一汽新能源汽车有限公司经管会成员暖封闭启动仪式环节合影) 长春,2022年11月21日——11月21日,奥迪一汽新能源汽车有限公司举行了伙伴共进暨暖封闭仪式。随着暖封闭的顺利完成,奥迪一汽新能源…

JAVA并发编程--4.1理解Condition

背景:Condition 多线程条件并发控制,与Lock配合可以实现等待/通知模式; 1 condition 使用demo(生产者与消费者模型): package org.lgx.bluegrass.bluegrasscoree.util.testcondition;import java.util.Ar…

java 每日一练 (5)

java 每日一练(5) 文章目录单选不定项选择题编程题单选 1.下面的程序 编译运行后,在屏幕上显示的结果是() A: 0 B : 2 C: 5 D :80 5的二进制 : 0101   右移 >>: 最右侧位不…

_gdb和进程概念

gdb 在windows下的vs2013下,我们可以进行调试,方便我们了解程序的具体的运行步骤和存在的问题,那么在Linux中,也存在这样一种调试机制,gdb就是在Linux系统下的调试指令。 Linux下和Windows下的调试的区别 答&#x…

如何在保证身份安全的同时提升员工体验

自疫情以来越来越多的企业员工的工作方式都发生了改版。远程和线上下混合工作形式已经成了新常态,企业员工希望随时随地都能访问其工作资源。而且为了方便办公他们更希望使用多种设备(甚至是个人设备)来访问公司数据。 运维有小邓 在如此复杂…

网上商城购物系统设计与实现(Java+Web+SSM+MySQL)

目 录 1 绪论 1 1.1 研究背景 1 1.2 目的和意义 1 1.3 开发工具及技术 1 2 需求分析 3 2.1 功能需求分析 3 2.1.1 网站前台功能 3 2.1.2 网站后台功能 3 2.2 性能分析 3 2.3 系统用户用例图 4 3 系统设计 5 3.1 系统的总体设计 5 3.2 数据库的分析与设计 5 3.2.1数据库概念设计…

DDR PCB设计布线时,拓扑结构的选择

在PCB设计时我们在处理DDR部分的时候都会进行一个拓扑的选择,一般DDR有T点和Fly-by两种拓扑结构,那么这两种拓扑结构的应用场景和区别有哪些呢? T点拓扑结构:CPU出来的信号线经过一个过孔后分别向两边进行连接,分叉点一般在信号的…

哪款蓝牙耳机打电话好用?打电话用的蓝牙耳机推荐

我们需要集中精神,闹中取静。特别是工作或者学习的时候,为了让意志力力更加集中,提高工作或者学习的效率,或是对于一个热爱音乐的人来说,蓝牙耳机肯定是必不可少的;蓝牙耳机现在的功能有很多,质…

锐捷交换机系统安装与升级

锐捷交换机系统安装与升级 文章目录锐捷交换机系统安装与升级一、实验步骤二、实验实施1、到锐捷官网下载交换机型号对应的系统文件2、配置本机IP,与将要升级设备互联3、打开文件中的TFTPserver4、进入BOOT模式恢复系统交换机在MGMT的情况下,通过MGMT口来…

主数据管理系统mdm哪个产品好,为什么,越详细越好?

当企业对主数据管理不善时,会出现数据冗余、数据不一致、业务低效、数据孤岛等问题,多个系统之间的数据难以协调,难以发挥数据的价值。这时我们就需要对企业主数据进行管理。 亿信华辰前不久在“2022中国数字经济创新发展大会”上荣获“2022年…

艾美捷QuickTiter 逆转录病毒定量试剂盒的制备方案

Cell Biolabs艾美捷QuickTiter逆转录病毒定量试剂盒提供了一种测定逆转录病毒滴度的快速方法。该测定法测量逆转录病毒的病毒核酸含量,可以在纯化病毒之前或之后进行。 试剂的制备: •1X QuickTiter™ 解决方案C:准备1X QuickTiter™ 溶液C通…

[Linux] 常用命令--文件操作grep/nl/more/less/head tail/set

✨✨个人主页:沫洺的主页 📚📚系列专栏: 📖 JavaWeb专栏📖 JavaSE专栏 📖 Java基础专栏📖vue3专栏 📖MyBatis专栏📖Spring专栏📖SpringMVC专栏📖SpringBoot专…