Codebase

Documentation

Responsive Layouts
Utilities
Components
Simple Components

Labels

This is a default, using the <label> form element:

<label>Label</label>

Now, if you add the .label class, you get this:

<label class="label">Label</label>

(Or you could apply .label to a <span> or other inline element.)

Default Author Tag Really? Required Winner

<span class="label">Default</span>
<span class="label bg-color-primary">Author</span>
<span class="label bg-color-secondary">Tag</span>
<span class="label bg-color-warning">Really?</span>
<span class="label bg-color-danger">Required</span>
<span class="label bg-color-success">Winner</span>

Labels can sit comfortably within a block of text, as you can see for yourself. That text can occupy multiple lines, and the label will not disturb the vertical rhythm.