5 Bootstrap Component - Labels

This demo is an extraction from http://getbootstrap.com/css/. created by @juanmendezinfo

by Akram kamal

HTML

<link rel="stylesheet" href="http://getbootstrap.com/assets/css/docs.css">
<link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.css">
<script src="http://getbootstrap.com/dist/js/bootstrap.js"></script>
<h3>0. labels in different sizes due to h* tag. Colors by label-colortype</h3>
<div class="container">
    <h1>Example heading <span class="label label-default">New</span></h1>
    <h2>Example heading <span class="label label-primary">New</span></h2>
    <h3>Example heading <span class="label label-success">New</span></h3>
    <h4>Example heading <span class="label label-info">New</span></h4>
    <h5>Example heading <span class="label label-warning">New</span></h5>
    <h6>Example heading <span class="label label-danger">New</span></h6>
</div>
<h3>1. A simple badge</h3>
<p>you have <span class="badge">3</span> items in your shopping cart</p>
<h3>2. Badge combinations</h3>
<a href="#" class="btn btn-primary">shopping cart <span class="badge">3</span></a>