Bootstrap Labels
You can use bootstrap labels to define the additional information about something like offering counts, tips, or other makeup for pages. To display the label you have to use .label class.
Example:
<h1>
Heading 1
<span class="label label-default">
label 1
</span>
</h1>
<h2> Heading 2 <span class="label label-default"> label 2 </span> </h2>
<h3> Heading 3 <span class="label label-default"> label 3 </span> </h3>
<h4> Heading 4 <span class="label label-default"> label 4 </span> </h4>
<h5> Heading 5 <span class="label label-default"> label 5 </span> </h5>
<h6> Heading 6 <span class="label label-default"> label 6 </span> </h6>
<h2> Heading 2 <span class="label label-default"> label 2 </span> </h2>
<h3> Heading 3 <span class="label label-default"> label 3 </span> </h3>
<h4> Heading 4 <span class="label label-default"> label 4 </span> </h4>
<h5> Heading 5 <span class="label label-default"> label 5 </span> </h5>
<h6> Heading 6 <span class="label label-default"> label 6 </span> </h6>
Run Example
Contextual Classes with Label
Here is an example of contextual classes with labels:
Example:
<h1>
Heading 1
<span class="label label-default">
label 1
</span>
</h1>
<h2> Heading 2 <span class="label label-primary"> label 2 </span> </h2>
<h3> Heading 3 <span class="label label-success"> label 3 </span> </h3>
<h4> Heading 4 <span class="label label-info"> label 4 </span> </h4>
<h5> Heading 5 <span class="label label-warning"> label 5 </span> </h5>
<h6> Heading 6 <span class="label label-danger"> label 6 </span> </h6>
<h2> Heading 2 <span class="label label-primary"> label 2 </span> </h2>
<h3> Heading 3 <span class="label label-success"> label 3 </span> </h3>
<h4> Heading 4 <span class="label label-info"> label 4 </span> </h4>
<h5> Heading 5 <span class="label label-warning"> label 5 </span> </h5>
<h6> Heading 6 <span class="label label-danger"> label 6 </span> </h6>
Run Example