bootstrap5 图标
时间: 2023-10-19 13:05:43 浏览: 168
Bootstrap 5 通过内置的图标库 `Bootstrap Icons` 提供了多种图标选择。以下是一些常用的图标及其使用方法:
1. `bi bi-person` :人物图标,使用方法:
```
<i class="bi bi-person"></i>
```
2. `bi bi-envelope-fill` :邮箱图标,使用方法:
```
<i class="bi bi-envelope-fill"></i>
```
3. `bi bi-telephone-fill` :电话图标,使用方法:
```
<i class="bi bi-telephone-fill"></i>
```
4. `bi bi-globe` :全球图标,使用方法:
```
<i class="bi bi-globe"></i>
```
5. `bi bi-calendar-date-fill` :日期图标,使用方法:
```
<i class="bi bi-calendar-date-fill"></i>
```
6. `bi bi-search` :搜索图标,使用方法:
```
<i class="bi bi-search"></i>
```
7. `bi bi-heart-fill` :爱心图标,使用方法:
```
<i class="bi bi-heart-fill"></i>
```
8. `bi bi-star-fill` :星星图标,使用方法:
```
<i class="bi bi-star-fill"></i>
```
更多图标可以在 Bootstrap Icons 文档中查看。
阅读全文
相关推荐
















