You can use the decorated class Label-default, Label-primary, label-success, Label-info, label-warning, Label-danger to change the appearance of the label, As shown in the following example:
<! DOCTYPE html>
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/>
<title>bootstrap Experience Example: Label retouching </title>
<meta charset= "Utf-8"/>
<meta name= "viewport" content= "width=device-width,initial-scale=1.0"/>
<link rel= "stylesheet" href= "Bootstrap-3.3.5-dist/css/bootstrap.min.css"/>
<body>
<div style= "padding:100px" >
<span class= "Label Label-default" >Label</span>
<span class= "Label label-success" >Label</span>
<span class= "Label Label-info" >Label</span>
<span class= "Label Label-primary" >Label</span>
<span class= "Label label-warning" >Label</span>
<span class= "Label Label-danger" >Label</span>
</div>
<script src= "Jquery/jquery-2.1.4.js" ></script>
<script src= "Bootstrap-3.3.5-dist/js/bootstrap.min.js" ></script>
</body>
Bootstrap Experience Example: label retouching