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
Layout
  • D Dashboard
  • Components
    • Accordion
    • Breadcrumbs
    • Button
    • Tabs
    • Color
    • Label Badge
    • Tooltip
    • Typography
    • Notification
    • Themify
Forms & Tables
  • FC Form Components
  • FC Basic Table
Chart & Maps
  • FC Chart
  • FC Maps
  • Pages
    • Login
    • Register
    • Sample Page
Other
  • M Menu Levels
    • Menu Level 2.1
    • Menu Level 2.2
      • Menu Level 3.1
    • Menu Level 2.3
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:

Label Sizes
lorem ipsum dolor sit amet, consectetur adipisicing elit

Use the .label-lg class along with .label for large label and Use the .label-md class along with .label for medium label.The.label class use form small label

Badge Sizes
lorem ipsum dolor sit amet, consectetur adipisicing elit

Use the .badge-lg class along with .badge for large badge and Use the .badge-md class along with .badge for medium badge.The.badge class use form small badge

Badges On Button
Badges With Icon
Top left badge

Use class badge-top-left

Top right badge

Use class badge-top-right

Bottom left badge

Use class badge-bottom-left

Bottom right badge

Use class badge-bottom-right