Example
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New

                <div class="h1">Example heading <span class="badge badge-secondary">New</span></div>
                <div class="h2">Example heading <span class="badge badge-secondary">New</span></div>
                <div class="h3">Example heading <span class="badge badge-secondary">New</span></div>
                <div class="h4">Example heading <span class="badge badge-secondary">New</span></div>
                <div class="h5">Example heading <span class="badge badge-secondary">New</span></div>
                <div class="h6">Example heading <span class="badge badge-secondary">New</span></div>
                
Part of links or buttons

                <button class="btn">
                    Notifications <span class="badge badge-secondary">4</span>
                </button>
                <button class="btn">
                    Profile <span class="badge badge-secondary">9</span>
                    <span class="sr-only">unread messages</span>
                </button>
                
Contextual variations
Primary Secondary Success Danger Warning Info Light Dark

                
                    <span class="badge badge-primary">Primary</span>
                
                    <span class="badge badge-secondary">Secondary</span>
                
                    <span class="badge badge-success">Success</span>
                
                    <span class="badge badge-danger">Danger</span>
                
                    <span class="badge badge-warning">Warning</span>
                
                    <span class="badge badge-info">Info</span>
                
                    <span class="badge badge-light">Light</span>
                
                    <span class="badge badge-dark">Dark</span>
                
                
Pill badges
Primary Secondary Success Danger Warning Info Light Dark

                
                    <span class="badge badge-pill badge-primary">Primary</span>
                
                    <span class="badge badge-pill badge-secondary">Secondary</span>
                
                    <span class="badge badge-pill badge-success">Success</span>
                
                    <span class="badge badge-pill badge-danger">Danger</span>
                
                    <span class="badge badge-pill badge-warning">Warning</span>
                
                    <span class="badge badge-pill badge-info">Info</span>
                
                    <span class="badge badge-pill badge-light">Light</span>
                
                    <span class="badge badge-pill badge-dark">Dark</span>
                
                
Links

                
                    <a href="#" class="badge badge-primary">Primary</a>
                
                    <a href="#" class="badge badge-secondary">Secondary</a>
                
                    <a href="#" class="badge badge-success">Success</a>
                
                    <a href="#" class="badge badge-danger">Danger</a>
                
                    <a href="#" class="badge badge-warning">Warning</a>
                
                    <a href="#" class="badge badge-info">Info</a>
                
                    <a href="#" class="badge badge-light">Light</a>
                
                    <a href="#" class="badge badge-dark">Dark</a>
                
                
TODAY
Monday
18 th Sep
Events

Group Meeting

In 32 Minutes, Room 1B

Public Beta Release

11:00 PM

Dinner with David

17:30 PM

Q&A Session

20:30 PM

Notes

Best songs to listen while working

Last edit: May 8th, 2015

Useful subreddits

Last edit: January 12th, 2015

Quick Settings

Notifications

Cloud Sync

Retro Thrusters