1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

<span class="label label-default">Default</span>
<span class="label label-success">Success</span>
<span class="label label-info">Info</span>
<span class="label label-warning">Warning</span>
<span class="label label-danger">Danger</span>
<span class="label label-dark">Dark</span>
<span class="label label-primary">Primary</span>
<span class="label label-secondary">Secondary</span>
<span class="label label-tertiary">Tertiary</span>
<span class="label label-quaternary">Quaternary</span>

1
2
3

<span class="label label-sm label-primary">Small</span>
<span class="label label-primary">Default</span>
<span class="label label-lg label-primary">Large</span>

1
2
3
4
5
6

<h1><span class="heading-primary">Example heading</span> <span class="label label-primary">New</span></h1>
<h2><span class="heading-primary">Example heading</span> <span class="label label-primary">New</span></h2>
<h3><span class="heading-primary">Example heading</span> <span class="label label-primary">New</span></h3>
<h4><span class="heading-primary">Example heading</span> <span class="label label-primary">New</span></h4>
<h5><span class="heading-primary">Example heading</span> <span class="label label-primary">New</span></h5>
<h6><span class="heading-primary">Example heading</span> <span class="label label-primary">New</span></h6>

1
2
3
4
5
6

<h1><span class="heading-secondary">Example heading</span> <span class="label label-secondary">New</span></h1>
<h2><span class="heading-secondary">Example heading</span> <span class="label label-secondary">New</span></h2>
<h3><span class="heading-secondary">Example heading</span> <span class="label label-secondary">New</span></h3>
<h4><span class="heading-secondary">Example heading</span> <span class="label label-secondary">New</span></h4>
<h5><span class="heading-secondary">Example heading</span> <span class="label label-secondary">New</span></h5>
<h6><span class="heading-secondary">Example heading</span> <span class="label label-secondary">New</span></h6>

1
2
3
4
5
6

<h1><span class="heading-tertiary">Example heading</span> <span class="label label-tertiary">New</span></h1>
<h2><span class="heading-tertiary">Example heading</span> <span class="label label-tertiary">New</span></h2>
<h3><span class="heading-tertiary">Example heading</span> <span class="label label-tertiary">New</span></h3>
<h4><span class="heading-tertiary">Example heading</span> <span class="label label-tertiary">New</span></h4>
<h5><span class="heading-tertiary">Example heading</span> <span class="label label-tertiary">New</span></h5>
<h6><span class="heading-tertiary">Example heading</span> <span class="label label-tertiary">New</span></h6>

1
2
3
4
5
6

<h1><span class="heading-quaternary">Example heading</span> <span class="label label-quaternary">New</span></h1>
<h2><span class="heading-quaternary">Example heading</span> <span class="label label-quaternary">New</span></h2>
<h3><span class="heading-quaternary">Example heading</span> <span class="label label-quaternary">New</span></h3>
<h4><span class="heading-quaternary">Example heading</span> <span class="label label-quaternary">New</span></h4>
<h5><span class="heading-quaternary">Example heading</span> <span class="label label-quaternary">New</span></h5>
<h6><span class="heading-quaternary">Example heading</span> <span class="label label-quaternary">New</span></h6>