Badge - Project title

Circles

.badge-circle

1 2

            
              <span class="badge badge-default badge-circle">1</span> <span class="badge badge-primary badge-circle">2</span>

Pills

.badge-pill

Show code

Default Primary

            
              <span class="badge badge-default">Default</span> <span class="badge badge-primary">Primary</span>

Size

.badge--size-sm .badge--size-md .badge--size-xl

Show code

1 2 3

            
              <span class="badge badge-primary badge-circle badge--size-sm">1</span> <span class="badge badge-primary badge-circle badge--size-md">2</span> <span class="badge badge-primary badge-circle badge--size-xl">3</span>