当前位置： 首页 > article >正文

Bootstrap：图标库的安装及其使用

article 2025/3/12 22:47:36

一、安装

使用npm包管理器安装。

npm i bootstrap-icons

 二、使用图标

首先先引入bootstrap-icons.css库，然后从官方网站选择想要的图标然后复制使用代码。

 示例代码：使用vue引入对应css文件后，使用库图标。

<script setup>
  import "bootstrap-css/bootstrap.css"
  import "bootstrap-icons/bootstrap-icons.css"
</script>
<template>
   <span class="bi bi-webcam-fill"></span>
</template>
<style scoped>
  
</style>

参考资料： 

Bootstrap 图标库 · Bootstrap 官方开源图标（icon）库


http://www.kler.cn/a/580365.html

相关文章：

  • 如何管理 Facebook 的隐私设置，确保账户安全
  • React-异步队列执行方法useSyncQueue
  • 每天五分钟玩转深度学习PyTorch：基于GoogLeNet完成CAFIR10分类
  • 使用miniforge安装python并用pycharm打开使用
  • Deepseek可以通过多种方式帮助CAD加速工作
  • 网络安全之数据加密（DES、AES、RSA、MD5）
  • Stream流学习
  • 【基于C#实现Bartender多条码打印的示例】
  • 比特币中的相关技术
  • 数据结构(蓝桥杯常考点)
  • 【测试框架篇】单元测试框架pytest（4）：assert断言详解
  • 使用Beanshell前置处理器对Jmeter的请求body进行加密
  • uniapp简单table表
  • clickhouse可视化分析工具
  • el-pagination的使用说明
  • 基于STC89C52的4x4矩阵键盘对应键值显示测试
  • 基于Spring Boot的社区老人健康信息管理系统设计与实现（LW+源码+讲解）
  • LiveCommunicationKit OC 实现
  • P10周：Pytorch实现车牌识别
  • 华为eNSP:实验 配置P2P网络类型