可用的一些布局 - 用户头像篇

关于用户头像布局演示,布局来源于网络,大家看需要使用,O(∩_∩)O。

其实style样式里面有一些基础的头像class,不过使用起需要配合其他一些class,这样可能会稍微麻烦点,这里还是保持跟以前一样的写法。

用户

基础

  • 基本使用

    二娃
  • 带提示的

    大娃 ...
  • 带链接的

    三娃

尺寸

可用的尺寸有: img-avatar-36img-avatar-48img-avatar-64img-avatar-96img-avatar-128。v4中默认不指定大小。

36 48 64 96 128

状态

可用的状态值: status-primary, status-success, status-info, status-warning, status-danger, status-dark, status-secondary


头像列表

头像叠加


当用户数量太多的时候,可以先隐藏部分用户