17.kss-section.kss-depth-1

17Badges and Flags

To apply the emphasis to a piece of text in different ways

Badge Flag Flag Reversed

.badge-danger

Danger

Badge Flag Flag Reversed

.badge-success

Success

Badge Flag Flag Reversed

<span class="badge {$modifiers}">Badge</span>
<span class="badge badge-flag {$modifiers}">Flag</span>
<span class="badge badge-flag badge-flag-reversed {$modifiers}">Flag Reversed</span>