<!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-1-circle-fill"></i>
<div class="label">1-circle-fill</div>
</div>
<div class="icon">
<i class="bi bi-1-circle"></i>
<div class="label">1-circle</div>
</div>
<div class="icon">
<i class="bi bi-1-square-fill"></i>
<div class="label">1-square-fill</div>
</div>
<div class="icon">
<i class="bi bi-1-square"></i>
<div class="label">1-square</div>
</div>
<div class="icon">
<i class="bi bi-2-circle-fill"></i>
<div class="label">2-circle-fill</div>
</div>
<div class="icon">
<i class="bi bi-2-circle"></i>
<div class="label">2-circle</div>
</div>
<div class="icon">
<i class="bi bi-2-square-fill"></i>
<div class="label">2-square-fill</div>
</div>
<div class="icon">
<i class="bi bi-2-square"></i>
<div class="label">2-square</div>
</div>
<div class="icon">
<i class="bi bi-3-circle-fill"></i>
<div class="label">3-circle-fill</div>
</div>
<div class="icon">
<i class="bi bi-3-circle"></i>
<div class="label">3-circle</div>
</div>
<div class="icon">
<i class="bi bi-3-square-fill"></i>
<div class="label">3-square-fill</div>
</div>
<div class="icon">
<i class="bi bi-3-square"></i>
<div class="label">3-square</div>
</div>
<div class="icon">
<i class="bi bi-4-circle-fill"></i>
<div class="label">4-circle-fill</div>
</div>
<div class="icon">
<i class="bi bi-4-circle"></i>
<div class="label">4-circle</div>
</div>
<div class="icon">
<i class="bi bi-4-square-fill"></i>
<div class="label">4-square-fill</div>
</div>
<div class="icon">
<i class="bi bi-4-square"></i>
<div class="label">4-square</div>
</div>
<div class="icon">
<i class="bi bi-5-circle-fill"></i>
<div class="label">5-circle-fill</div>
</div>
<div class="icon">
<i class="bi bi-5-circle"></i>
<div class="label">5-circle</div>
</div>
<div class="icon">
<i class="bi bi-5-square-fill"></i>
<div class="label">5-square-fill</div>
</div>
<div class="icon">
<i class="bi bi-5-square"></i>
<div class="label">5-square</div>
</div>
<div class="icon">
<i class="bi bi-6-circle-fill"></i>
<div class="label">6-circle-fill</div>
</div>
<div class="icon">
<i class="bi bi-6-circle"></i>
<div class="label">6-circle</div>
</div>
<div class="icon">
<i class="bi bi-6-square-fill"></i>
<div class="label">6-square-fill</div>
</div>
<div class="icon">
<i class="bi bi-6-square"></i>
<div class="label">6-square</div>
</div>
<div class="icon">
<i class="bi bi-7-circle-fill"></i>
<div class="label">7-circle-fill</div>
</div>
<div class="icon">
<i class="bi bi-7-circle"></i>
<div class="label">7-circle</div>
</div>
<div class="icon">
<i class="bi bi-7-square-fill"></i>
<div class="label">7-square-fill</div>
</div>
<div class="icon">
<i class="bi bi-7-square"></i>
<div class="label">7-square</div>
</div>
<div class="icon">
<i class="bi bi-8-circle-fill"></i>
<div class="label">8-circle-fill</div>
</div>
<div class="icon">
<i class="bi bi-8-circle"></i>
<div class="label">8-circle</div>
</div>
<div class="icon">
<i class="bi bi-8-square-fill"></i>
<div class="label">8-square-fill</div>
</div>
<div class="icon">
<i class="bi bi-8-square"></i>
<div class="label">8-square</div>
</div>
<div class="icon">
<i class="bi bi-9-circle-fill"></i>
<div class="label">9-circle-fill</div>
</div>
<div class="icon">
<i class="bi bi-9-circle"></i>
<div class="label">9-circle</div>
</div>
<div class="icon">
<i class="bi bi-9-square-fill"></i>
<div class="label">9-square-fill</div>
</div>
<div class="icon">
<i class="bi bi-9-square"></i>
<div class="label">9-square</div>
</div>
<div class="icon">
<i class="bi bi-activity"></i>
<div class="label">activity</div>
</div>
<div class="icon">
<i class="bi bi-airplane-engines-fill"></i>
<div class="label">airplane-engines-fill</div>
</div>
<div class="icon">
<i class="bi bi-airplane-engines"></i>
<div class="label">airplane-engines</div>
</div>
<div class="icon">
<i class="bi bi-airplane-fill"></i>
<div class="label">airplane-fill</div>
</div>
<div class="icon">
<i class="bi bi-airplane"></i>
<div class="label">airplane</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-alexa"></i>
<div class="label">alexa</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-alipay"></i>
<div class="label">alipay</div>
</div>
<div class="icon">
<i class="bi bi-alt"></i>
<div class="label">alt</div>
</div>
<div class="icon">
<i class="bi bi-android"></i>
<div class="label">android</div>
</div>
<div class="icon">
<i class="bi bi-android2"></i>
<div class="label">android2</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">ar
没有合适的资源?快使用搜索试试~ 我知道了~
Bootstrap5源文件(bootstrap-5.1.3-dist).zip
共1862个文件
svg:1812个
map:22个
css:17个
需积分: 0 35 下载量 81 浏览量
2022-11-10
13:15:54
上传
评论
收藏 2.66MB ZIP 举报
温馨提示
Bootstrap 是全球最流行的前端开源工具包,它支持 Sass 变量和 mixins、响应式网格系统、大量的预建组件和强大的 JavaScript 插件,助你快速设计和自定义响应式、移动设备优先的站点
资源推荐
资源详情
资源评论
收起资源包目录
Bootstrap5源文件(bootstrap-5.1.3-dist).zip (1862个子文件)
bootstrap.css 201KB
bootstrap.rtl.css 200KB
bootstrap.rtl.min.css 160KB
bootstrap.min.css 160KB
bootstrap-icons.css 87KB
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
bootstrap-reboot.css 7KB
bootstrap-reboot.rtl.css 7KB
bootstrap-reboot.rtl.min.css 6KB
bootstrap-reboot.min.css 6KB
index.html 213KB
bootstrap.bundle.js 205KB
bootstrap.js 145KB
bootstrap.esm.js 136KB
bootstrap.bundle.min.js 76KB
bootstrap.esm.min.js 71KB
bootstrap.min.js 58KB
bootstrap-icons.json 46KB
bootstrap.rtl.min.css.map 648KB
bootstrap.css.map 525KB
bootstrap.rtl.css.map 525KB
bootstrap.min.css.map 441KB
bootstrap.bundle.js.map 418KB
bootstrap.bundle.min.js.map 323KB
bootstrap.js.map 284KB
bootstrap.esm.js.map 283KB
bootstrap.esm.min.js.map 218KB
bootstrap.min.js.map 215KB
bootstrap-grid.rtl.css.map 197KB
bootstrap-grid.css.map 197KB
bootstrap-utilities.css.map 188KB
bootstrap-utilities.rtl.css.map 188KB
bootstrap-grid.rtl.min.css.map 120KB
bootstrap-grid.min.css.map 119KB
bootstrap-utilities.min.css.map 109KB
bootstrap-utilities.rtl.min.css.map 109KB
bootstrap-reboot.rtl.css.map 107KB
bootstrap-reboot.css.map 107KB
bootstrap-reboot.rtl.min.css.map 47KB
bootstrap-reboot.min.css.map 39KB
bootstrap-icons.scss 206KB
bootstrap-icons.svg 950KB
filetype-scss.svg 3KB
flower1.svg 3KB
filetype-sass.svg 3KB
puzzle.svg 3KB
yelp.svg 3KB
filetype-css.svg 3KB
snapchat.svg 2KB
cup-hot.svg 2KB
tornado.svg 2KB
cup-hot-fill.svg 2KB
plus-circle-dotted.svg 2KB
dash-circle-dotted.svg 2KB
browser-safari.svg 2KB
fingerprint.svg 2KB
filetype-json.svg 2KB
filetype-docx.svg 2KB
flower3.svg 2KB
filetype-doc.svg 2KB
keyboard.svg 2KB
filetype-svg.svg 2KB
keyboard-fill.svg 2KB
filetype-sql.svg 2KB
filetype-psd.svg 2KB
filetype-csv.svg 2KB
water.svg 2KB
tsunami.svg 2KB
globe2.svg 2KB
filetype-cs.svg 2KB
receipt.svg 2KB
file-earmark-pdf-fill.svg 2KB
controller.svg 2KB
line.svg 2KB
signal.svg 2KB
umbrella.svg 2KB
plus-square-dotted.svg 2KB
file-earmark-pdf.svg 2KB
file-pdf.svg 2KB
cloud-snow.svg 2KB
train-lightrail-front.svg 2KB
file-pdf-fill.svg 2KB
instagram.svg 2KB
dash-square-dotted.svg 2KB
android2.svg 2KB
hand-thumbs-up.svg 2KB
cc-square.svg 2KB
filetype-jpg.svg 2KB
hand-thumbs-down.svg 2KB
piggy-bank.svg 2KB
filetype-mp3.svg 2KB
behance.svg 2KB
paint-bucket.svg 2KB
共 1862 条
- 1
- 2
- 3
- 4
- 5
- 6
- 19
资源评论
信奥卷王
- 粉丝: 6
- 资源: 7
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 光纤到户及通信基础设施报装申请表.docx
- 踝关节功能丧失程度评定表.docx
- 环保设施投资估算表.docx
- 既有建筑物通信报装申请表.docx
- 既有建筑物通信报装现场查勘报告.docx
- 监督机构检查记录表.docx
- 肩关节功能丧失程度评定表.docx
- 大学生创新创业训练计划大创项目的全流程指南
- 简易低风险工业厂房通信报装申请表.docx
- 建设工程消防验收各阶段意见回复表.docx
- 建设工程消防验收模拟验收意见表.docx
- 建设工程消防验收图纸核查意见表.docx
- 建设工程消防验收现场指导意见表.docx
- 建筑工程竣工验收消防设计质量检查报告(表格填写模板).docx
- 建筑工程消防查验意见和结论.docx
- 建筑工程消防施工竣工报告(表格填写模板).docx
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功