Labels

Example

Example heading New

Example heading New

Example heading New

Example heading New

Example heading New
Example heading New
{% highlight html %}

Example heading New

{% endhighlight %}

Available variations

Add any of the below mentioned modifier classes to change the appearance of a label.

Default Primary Success Info Warning Danger
{% highlight html %} Default Primary Success Info Warning Danger {% endhighlight %}

Have tons of labels?

Rendering problems can arise when you have dozens of inline labels within a narrow container, each containing its own inline-block element (like an icon). The way around this is setting display: inline-block;. For context and an example, see #13219.