Bootstrap Labels

Bootstrap Labels is use to display some additional information to the text or link. It is generally use for display some extra information about the link or any heading. Assume we add a new paragraph in our documents and try to indicate it. Then we can use the label to indicate it. We must use the .label class to create bootstrap label. To create a label we must use <span> tag.

<html>
<head>
<title>Badge Examples</title>
<link rel="stylesheet" href="bootstrap.min.css">
<style>
div
{
width:500px;
position:relative;
top:100px;
left:100px;
font-weight:bold;
}
</style>
</head>
<div>
<h1>Example New Topic<span class="label label-danger">new</span></h1>
</div>
</html>

Types of Bootstrap Labels

Six types of labels are possible in bootstrap. We use the following classes for different type of the Labels.

• label-default
• label-primary
• label-success
• label-info
• label-warning
• label-danger

<span class="label label-default">Default</span>
<span class="label label-primary">Primary</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>

Types Of Bootstrap Label