<div class="t-title">Standard Types</div>
<p> <span class="label">Deprecated</span> Please specify a label type class</p>
<p> <span class="label label-default">Default</span> </p>
<p> <span class="label label-primary">Primary</span> </p>
<p> <span class="label label-success">Success</span> </p>
<p> <span class="label label-info">Info</span> </p>
<p> <span class="label label-warning">Warning</span> </p>
<p> <span class="label label-danger">Danger</span> </p>

<div class="c-section__separator"></div>

<div class="t-title">Listing Statuses</div>
<p> <span class="label label-back-on-market">Back On Market</span> </p>
<p> <span class="label label-deleted">Deleted</span> </p>
<p> <span class="label label-extension">Extension</span> </p>
<p> <span class="label label-seeded label-seeding label-unknown">Listing Match</span> </p>
<p> <span class="label label-listing-updated">Listing Updated</span> </p>
<p> <span class="label label-new">New Listing</span> </p>
<p> <span class="label label-new">New Listing Match</span> </p>
<p> <span class="label label-none">No Events Found</span> </p>
<p> <span class="label label-open-house">Open House</span> </p>
<p> <span class="label label-pending">Pending</span> </p>
<p> <span class="label label-price-change">Price Change</span> </p>
<p> <span class="label label-price-reduced">Price Reduced</span> </p>
<p> <span class="label label-recommended">Recommended</span> </p>
<p> <span class="label label-sold">Sold</span> </p>
<p> <span class="label label-status-change">Status Change</span> </p>
<p> <span class="label label-text-change">Text Change</span> </p>
<p> <span class="label label-tour-of-homes">Tour of Homes</span> </p>
<p> <span class="label label-unapproved">Unapproved</span> </p>

<span title="Any element can have a tooltip" data-toggle="tooltip">
  Any element can have a tooltip. (Hover me)
</span>

<script>
jQuery(function ($) {
  $('[data-toggle="tooltip"]').flexTooltip();
});
</script>