Basic
Code
Primary Secondary Success Danger Warning Info Dark
                    
                
Outline
Code
Primary Secondary Success Danger Warning Info Dark
                    
                
Pills
Code
Primary
Primary
                    
                
Classic
Code
Primary
Primary
                    
                
Badges with Heading
Code

Badges scale to match the size of the immediate parent element by using relative font sizing and em units.

Example heading Primary

Example heading Success

Example heading Info

Example heading Warning

Example heading Danger
Example heading Dark
                    
                
Custom Badges
Code
John Doe John Doe x