Tail

Add a .tail-<position> class to add a tail to a container.

Tail backgrounds

{% apply view_source %}
tail-bc.bg-primary
tail-bc.bg-success
tail-bc.bg-warning
{% end %}

Tail borders

{% apply view_source %}
tail-bc.border-primary
tail-bc.border-dark
tail-bc.border-danger
{% end %}

Tail borders with backgrounds

{% apply view_source %}
tail-bc.border-primary.bg-white
tail-bc.border-dark.bg-white
tail-bc.border-danger.bg-white
tail-bc.bg-light.border-primary
tail-bc.bg-primary.border-dark
tail-bc.bg-warning.border-danger
{% end %}

Tail styles

{% apply view_source %}
tail-bc.shadow
tail-bc.rounded
tail-bc.round
{% end %}

Tail position

{% apply view_source %}
.tail-tl
.tail-tc
.tail-tr
.tail-bl
.tail-bc
.tail-br
.tail-lt
.tail-lc
.tail-lb
.tail-rt
.tail-rc
.tail-rb
{% end %}