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.