<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>bootstrap-icons</title>
<style>
.icons {
display: grid;
max-width: 100%;
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr) );
gap: 1.25rem;
}
.icon {
background-color: var(--bs-light);
border-radius: .25rem;
}
.bi {
margin: .25rem;
font-size: 2.5rem;
}
.label {
font-family: var(--bs-font-monospace);
}
.label {
display: inline-block;
width: 100%;
overflow: hidden;
padding: .25rem;
font-size: .625rem;
text-overflow: ellipsis;
white-space: nowrap;
}
</style>
<link rel="stylesheet" href="/assets/css/bootstrap.min.css">
<link rel="stylesheet" href="bootstrap-icons.css">
</head>
<body class="text-center">
<h1>bootstrap-icons</h1>
<div class="icons">
<div class="icon">
<i class="bi bi-123"></i>
<div class="label">123</div>
</div>
<div class="icon">
<i class="bi bi-activity"></i>
<div class="label">activity</div>
</div>
<div class="icon">
<i class="bi bi-alarm-fill"></i>
<div class="label">alarm-fill</div>
</div>
<div class="icon">
<i class="bi bi-alarm"></i>
<div class="label">alarm</div>
</div>
<div class="icon">
<i class="bi bi-align-bottom"></i>
<div class="label">align-bottom</div>
</div>
<div class="icon">
<i class="bi bi-align-center"></i>
<div class="label">align-center</div>
</div>
<div class="icon">
<i class="bi bi-align-end"></i>
<div class="label">align-end</div>
</div>
<div class="icon">
<i class="bi bi-align-middle"></i>
<div class="label">align-middle</div>
</div>
<div class="icon">
<i class="bi bi-align-start"></i>
<div class="label">align-start</div>
</div>
<div class="icon">
<i class="bi bi-align-top"></i>
<div class="label">align-top</div>
</div>
<div class="icon">
<i class="bi bi-alt"></i>
<div class="label">alt</div>
</div>
<div class="icon">
<i class="bi bi-app-indicator"></i>
<div class="label">app-indicator</div>
</div>
<div class="icon">
<i class="bi bi-app"></i>
<div class="label">app</div>
</div>
<div class="icon">
<i class="bi bi-apple"></i>
<div class="label">apple</div>
</div>
<div class="icon">
<i class="bi bi-archive-fill"></i>
<div class="label">archive-fill</div>
</div>
<div class="icon">
<i class="bi bi-archive"></i>
<div class="label">archive</div>
</div>
<div class="icon">
<i class="bi bi-arrow-90deg-down"></i>
<div class="label">arrow-90deg-down</div>
</div>
<div class="icon">
<i class="bi bi-arrow-90deg-left"></i>
<div class="label">arrow-90deg-left</div>
</div>
<div class="icon">
<i class="bi bi-arrow-90deg-right"></i>
<div class="label">arrow-90deg-right</div>
</div>
<div class="icon">
<i class="bi bi-arrow-90deg-up"></i>
<div class="label">arrow-90deg-up</div>
</div>
<div class="icon">
<i class="bi bi-arrow-bar-down"></i>
<div class="label">arrow-bar-down</div>
</div>
<div class="icon">
<i class="bi bi-arrow-bar-left"></i>
<div class="label">arrow-bar-left</div>
</div>
<div class="icon">
<i class="bi bi-arrow-bar-right"></i>
<div class="label">arrow-bar-right</div>
</div>
<div class="icon">
<i class="bi bi-arrow-bar-up"></i>
<div class="label">arrow-bar-up</div>
</div>
<div class="icon">
<i class="bi bi-arrow-clockwise"></i>
<div class="label">arrow-clockwise</div>
</div>
<div class="icon">
<i class="bi bi-arrow-counterclockwise"></i>
<div class="label">arrow-counterclockwise</div>
</div>
<div class="icon">
<i class="bi bi-arrow-down-circle-fill"></i>
<div class="label">arrow-down-circle-fill</div>
</div>
<div class="icon">
<i class="bi bi-arrow-down-circle"></i>
<div class="label">arrow-down-circle</div>
</div>
<div class="icon">
<i class="bi bi-arrow-down-left-circle-fill"></i>
<div class="label">arrow-down-left-circle-fill</div>
</div>
<div class="icon">
<i class="bi bi-arrow-down-left-circle"></i>
<div class="label">arrow-down-left-circle</div>
</div>
<div class="icon">
<i class="bi bi-arrow-down-left-square-fill"></i>
<div class="label">arrow-down-left-square-fill</div>
</div>
<div class="icon">
<i class="bi bi-arrow-down-left-square"></i>
<div class="label">arrow-down-left-square</div>
</div>
<div class="icon">
<i class="bi bi-arrow-down-left"></i>
<div class="label">arrow-down-left</div>
</div>
<div class="icon">
<i class="bi bi-arrow-down-right-circle-fill"></i>
<div class="label">arrow-down-right-circle-fill</div>
</div>
<div class="icon">
<i class="bi bi-arrow-down-right-circle"></i>
<div class="label">arrow-down-right-circle</div>
</div>
<div class="icon">
<i class="bi bi-arrow-down-right-square-fill"></i>
<div class="label">arrow-down-right-square-fill</div>
</div>
<div class="icon">
<i class="bi bi-arrow-down-right-square"></i>
<div class="label">arrow-down-right-square</div>
</div>
<div class="icon">
<i class="bi bi-arrow-down-right"></i>
<div class="label">arrow-down-right</div>
</div>
<div class="icon">
<i class="bi bi-arrow-down-short"></i>
<div class="label">arrow-down-short</div>
</div>
<div class="icon">
<i class="bi bi-arrow-down-square-fill"></i>
<div class="label">arrow-down-square-fill</div>
</div>
<div class="icon">
<i class="bi bi-arrow-down-square"></i>
<div class="label">arrow-down-square</div>
</div>
<div class="icon">
<i class="bi bi-arrow-down-up"></i>
<div class="label">arrow-down-up</div>
</div>
<div class="icon">
<i class="bi bi-arrow-down"></i>
<div class="label">arrow-down</div>
</div>
<div class="icon">
<i class="bi bi-arrow-left-circle-fill"></i>
<div class="label">arrow-left-circle-fill</div>
</div>
<div class="icon">
<i class="bi bi-arrow-left-circle"></i>
<div class="label">arrow-left-circle</div>
</div>
<div class="icon">
<i class="bi bi-arrow-left-right"></i>
<div class="label">arrow-left-right</div>
</div>
<div class="icon">
<i class="bi bi-arrow-left-short"></i>
<div class="label">arrow-left-short</div>
</div>
<div class="icon">
<i class="bi bi-arrow-left-square-fill"></i>
<div class="label">arrow-left-square-fill</div>
</div>
<div class="icon">
<i class="bi bi-arrow-left-square"></i>
<div class="label">arrow-left-square</div>
</div>
<div class="icon">
<i class="bi bi-arrow-left"></i>
<div class="label">arrow-left</div>
</div>
<div class="icon">
<i class="bi bi-arrow-repeat"></i>
<div class="label">arrow-repeat</div>
</div>
<div class="icon">
<i class="bi bi-arrow-return-left"></i>
<div class="label">arrow-return-left</div>
</div>
<div class="icon">
<i class="bi bi-arrow-return-right"></i>
<div class="label">arrow-return-right</div>
</div>
<div class="icon">
<i class="bi bi-arrow-right-circle-fill"></i>
<div class="label">arrow-right-circle-fill</div>
</div>
<div class="icon">
<i class="bi bi-arrow-right-circle"></i>
<div class="label">arrow-right-circle</div>
</div>
<div class="icon">
<i class="bi bi-arrow-right-short"></i>
<div class="label">arrow-right-short</div>
</div>
<div class="icon">
<i class="bi bi-arrow-right-square-fill">
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
项目概述:本项目采用Python语言开发,基于Django 4.0框架和Bootstrap 5前端技术,实现了一套完整的增删改查功能,并集成了Echarts图表展示。项目共包含6678个文件,其中主要包括svg图像资源文件3338个,JavaScript脚本1599个,TypeScript脚本1378个,SCSS样式文件87个,源地图文件55个,Python编译文件36个,Python源码文件35个,HTML模板文件32个,CSS样式文件20个,以及JSON配置文件20个。该项目的核心亮点是结合了现代Web开发技术,为用户提供了一个高效、稳定且具备数据分析能力的业务处理平台。
资源推荐
资源详情
资源评论
收起资源包目录
基于Django 4.0与Bootstrap 5的Python增删改查与Echarts图表展示源码 (2000个子文件)
bootstrap.css 201KB
bootstrap.rtl.css 200KB
bootstrap.rtl.min.css 160KB
bootstrap.min.css 160KB
bootstrap-icons.css 79KB
bootstrap-icons.css 79KB
bootstrap-grid.rtl.css 71KB
bootstrap-grid.css 71KB
bootstrap-utilities.css 70KB
bootstrap-utilities.rtl.css 70KB
bootstrap-utilities.min.css 52KB
bootstrap-utilities.rtl.min.css 52KB
bootstrap-grid.rtl.min.css 52KB
bootstrap-grid.min.css 52KB
jquery.datetimepicker.css 18KB
jquery.datetimepicker.min.css 16KB
bootstrap-reboot.css 7KB
bootstrap-reboot.rtl.css 7KB
bootstrap-reboot.rtl.min.css 6KB
bootstrap-reboot.min.css 6KB
app.css 0B
index.html 196KB
index.html 196KB
input_in_container_fixed_to_bottom_of_viewport.html 16KB
input_in_container_fixed_to_top_of_viewport.html 16KB
order_list.html 11KB
index.html 7KB
chart_list.html 6KB
task.html 6KB
base.html 4KB
user_add.html 4KB
user_list.html 3KB
pretty_list.html 3KB
user_edit.html 3KB
admin_list.html 3KB
depart_list.html 2KB
login.html 2KB
user_model_form_add.html 2KB
index.html 1KB
boss_list.html 1KB
upload_model_form.html 1KB
upload_form.html 1KB
pretty_edit.html 1KB
user_model_form_edit.html 1KB
pretty_add.html 1KB
admin_add.html 1KB
obj_add_edit.html 1KB
depart_edit.html 902B
depart_add.html 809B
upload.html 613B
404.html 187B
tslib.es6.html 36B
tslib.html 32B
echarts.js 3.16MB
echarts.js 3.16MB
echarts.esm.js 2.84MB
echarts.esm.js 2.84MB
echarts.common.js 2.08MB
echarts.common.js 2.08MB
echarts.simple.js 1.5MB
echarts.simple.js 1.5MB
echarts.esm.min.js 994KB
echarts.esm.min.js 994KB
echarts.min.js 993KB
echarts.min.js 993KB
echarts.common.min.js 638KB
echarts.common.min.js 638KB
zrender.js 626KB
echarts.simple.min.js 452KB
echarts.simple.min.js 452KB
jquery.js 282KB
jquery.slim.js 230KB
zrender.min.js 206KB
bootstrap.bundle.js 205KB
bootstrap.js 145KB
bootstrap.esm.js 136KB
jquery.datetimepicker.full.js 108KB
jquery.datetimepicker.js 94KB
jquery.js 91KB
jquery.min.js 87KB
jquery.min.js 87KB
echarts.js 82KB
echarts.js 82KB
bootstrap.bundle.min.js 76KB
bootstrap.esm.min.js 71KB
jquery.slim.min.js 71KB
sizzle.js 69KB
jquery.datetimepicker.full.min.js 60KB
bootstrap.min.js 58KB
jquery.datetimepicker.min.js 51KB
LineView.js 40KB
LineView.js 40KB
Element.js 37KB
CustomView.js 37KB
CustomView.js 37KB
SeriesData.js 36KB
SeriesData.js 36KB
TooltipView.js 33KB
TooltipView.js 33KB
DataStore.js 33KB
共 2000 条
- 1
- 2
- 3
- 4
- 5
- 6
- 20
资源评论
沐知全栈开发
- 粉丝: 4745
- 资源: 3373
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 2010-2019年地级市城镇私营和个体从业人员数
- 2010-2019年地级以上城市城镇登记失业率及登记失业人员数量
- 微信小程序是一种由腾讯公司开发的应用程序,它在微信生态内提供了轻量级、便捷的应用体验 以下是对微信小程序的500字资源介绍:
- 7节科研绘图教程(PS AI GraphPad).zip
- 数据分析是一项强大的工具,它通过对大量数据的收集、整理、处理和分析,帮助人们从中提取有价值的信息和洞察,以支持决策制定和业务优化
- 科研绘图配色注意要点(视频课程).zip
- Surfer12作图视频教程(25节).zip
- DrawDB 是一个健壮且用户友好的数据库实体关系 (DBER) 编辑器,直接位于您的浏览器中
- PHP库通过返回原始SQL来实现ActiveRecord 用于PHP5.3和NO PDO场景的yii2 ORM移植
- 5152单片机proteus仿真和源码用数组作函数参数控制流水花样
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功