基本用法

使用图片作为头像:

<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