Theme-Logo
    • Notifications
    • Generic placeholder image
      John Doe

      Lorem ipsum dolor sit amet, consectetuer elit.

      30 minutes ago
    • Generic placeholder image
      Joseph William

      Lorem ipsum dolor sit amet, consectetuer elit.

      30 minutes ago
    • Generic placeholder image
      Sara Soudein

      Lorem ipsum dolor sit amet, consectetuer elit.

      30 minutes ago
  • User-Profile-Image John Doe
    • Settings
    • Profile
    • My Messages
    • Lock Screen
    • Logout
User-Profile-Image
John Doe
  • View Profile Settings Logout
Navigation
  • D Dashboard
UI Element
  • BC Basic
    • Breadcrumbs
    • Button
    • Accordion
    • Tabs
    • Color
    • Label Badge
    • Tooltip And Popover
    • Typography
    • Notifications
Forms
  • FC Form
Tables
  • B Table
Chart And Maps
  • C Charts
  • M Maps
Pages
  • A Pages
    • Login
    • Registration
    • S Sample Page
Label Badge

Lorem Ipsum is simply dummy text of the printing

  • Basic Components
  • Label Badge
Badges
lorem ipsum dolor sit amet, consectetur adipisicing elit
Default badge

Use class badge-default

Primary badge

Use class badge-primary

Success badge

Use class badge-success

Warning badge

Use class badge-warning

Danger badge

Use class bg-danger

Info badge

Use class badge-info

inverse default badge

Use class badge-inverse-default

Inverse primary badge

Use class badge-inverse-primary

Inverse success badge

Use class badge-inverse-success

Inverse warning badge

Use class badge-inverse-warning

Inverse danger badge

Use class badge-inverse-danger

Inverse Info badge

Use class badge-inverse-info

Labels
lorem ipsum dolor sit amet, consectetur adipisicing elit

Use the .label class,  followed by one of the six contextual classes .label-default, .bg-primary, .bg-success, .bg-info, .bg-warning or .bg-danger, within a <label> element to create a label:

Badges On Button