【项目】UniApp实战多端企业网盘全栈开发

在这里插入图片描述

31 引入bootstrap4和图标库

bootstrap4 官网:https://v4.bootcss.com/

在这里插入图片描述

快速入门

在这里插入图片描述

主要还是用到这个css

复制出来

https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css

其实我们可以直接打开然后右键另存为,但是笔者这里为了和老师的不冲突, 就用老师的了,老师的版本是4.1.1

在这里插入图片描述

放在这里

然后修改index.html

在这里插入图片描述

当前目录下

测试一下

在这里插入图片描述

在这里插入图片描述

没问题,这就是说明bootstrap生效了。

然后就是老师的图标库了,当然老师的图标都是来自于阿里 iconfont

在这里插入图片描述

index.html 引入一下

在这里插入图片描述

试一下

在这里插入图片描述

没问题。

Logo

一站式 AI 云服务平台

更多推荐