.nav整个导航的外层，flex属性和去掉标识符的属性
.nav-item细微的间距调整
.nav-link每一个项之间大部分样式内容的调整
.active当前被激活的导航签
|
<ul class="nav"> |
Navs and tabs · Bootstrap v5 中文文档 v5.1 | Bootstrap 中文网
点击区.nav-tabs
.nav-tabs主要是点击按钮部分的整体样式
在.nav-link里是负责点击切换的按钮
data-bs-toggle="tab"负责切换的js功能
data-bs-target="#zdy-b"负责切换的目标元素，需要关联目标元素的id属性值
主体展示内容区.tab-content
.tab-content主体展示的细节内容的外层样式
.tab-pane每一项让所有的展示项先消失
当前切换的显示项 .active和.show
.fade切换的过渡样式
每一项显示的元素还要有id属性，对应切换按钮的目标
|
<div class="container"> |
分页（Pagination） · Bootstrap v5 中文文档 v5.1 | Bootstrap 中文网
.pagination分页的最外层，拥有flex布局和去掉标识符
.page-item分页项，具有一些间距，当前激活.active
.disabled禁用项
.page-link可以点击项目
|
<ul class="pagination"> |
先检查node是否安装成功 node -v 出现版本号就是安装成功，是不是12以上。如果没有node 先去安装node
有node的情况下，sass --version看看有没有版本号，如有以下一种版本号提示就是已经安装好了，不需要进行下面的操作了
第一种类似于：1.53.0 compiled with dart2js 2.17.3
第二种类似于：Ruby Sass 3.5.6
先要有node，然后优先使用npm方式安装npm install -g sass
mac系统，先检查 ruby -v
如果有ruby就执行sudo gem install sass
如果没有ruby就执行npm install -g sass
npm的方法反复安装8次以上还是没安装好，找老师，要ruby的安装包
如果有同学提前给windows装了ruby那么就用ruby的安装方法gem install -g sass
sass是一种css的预处理器，是一种专门的css编程语言。它增加了变量，函数，嵌套关系等等新语。可以让css的编写更加的清晰快捷。除了sass还有很多的css预处理器，如：less，stylus等等。
每一个预处理器都有自己的语法，要看文档查阅，语法大同小异。所有的预处理器创建的文件，不能直接在html中引用使用，不能直接渲染元素。需要写完之后进行“编译”，把当前文件编译成css文件再进行使用。
sass是一个早期版本，文件的后缀名是“1.sass”，这种文件格式，语法相当严格，而且与css的语法很多不同，增加了学习成本。sass更新到了3.0版本之后，文件改成了"1.scss"语法基本和css一模一样。编译语法还是老的用sass语法，但是文件和编写文件用的就是scss的方式了。
监听整个scss文件夹，随时将文件夹内的.scss文件直接编译到css文件夹中变成对应名称css文件。
编译的位置，编译指令要在什么目录下进行编译，每次都要确定路径（最好）是否为编译文件夹上层
整个目录中不允许中文那文件夹和中文文件，编译会报错，命名最好是英文，或者英文+数字，符号都不要加
语法：sass -w scss:css文件夹名不是不能改，是尽量见名知意
编译改变没有马上编译成css，就在终端中ctrl+c一次，如果点两次就退出编译了