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.