如何用bootstrap 5制作头像？

Question

我正在使用 Bootstrap 5，我想制作带有不同图标的头像（类似于字母头像）。所以，我需要有占位符，并且在该占位符内我需要添加图标。像代码一样：

<div width="30%" height="30%" class="bg-info rounded-circle">
<span>
{Icon here}
</span>
</div>

但这是行不通的。谁能帮助我如何做到这一点？

Answer 1

github 上有一个名为 bootstrap-avatar 的即用型 bootstrap 样式表： bootstrap-avatar

另一种方法是使用纯 CSS 来构建它。顺便说一句，这很容易。这是一个示例：使用 css 构建头像

另外，如果您使用内联 css，则必须将其包装成如下样式：

<div style="width:30%;" class="bg-info rounded-circle">