使用图片作为头像:
<div class="avatar">
<img src="doc/img/avatar.png" alt="">
</div>
使用图标作为头像,应用外观着色选项来更改头像色彩:
<div class="avatar green"><i class="icon icon-user"></i></div>
使用文字作为头像,应用外观着色选项来更改头像色彩:
<div class="avatar red">赵</div>
小头像:.avatar.avatar-sm
<div class="avatar avatar-sm">...</div>
一般大小:.avatar
<div class="avatar">...</div>
大头像:.avatar.avatar-lg
<div class="avatar avatar-lg">...</div>
超大头像:.avatar.avatar-xl
<div class="avatar avatar-xl">...</div>
外观选项用法参考 基础 > 外观 章节。以下列举常见用法。
着色
圆角 .rounded
圆形 .circle