<!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个子文件） 
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
资源评论
