Theme-Logo
  • Mega
    • Popular Links
      • Form Elements
      • Buttons
      • Maps
      • Contact Cards
      • User Information
      • Lock Screen
    • Mailbox
      • Data Backup
        Store your data
      • Support
        24-hour support
      • Drop-box
        Store large amount of data in one-box only
      • Location
        Find Your Location with ease of use
    • Gallery
      Gallery-1
      Gallery-2
      Gallery-3
      Gallery-4
      Gallery-5
      Gallery-6
    • Contact Us
  • English
    • English
    • Spanish
    • Portuguese
    • French
  • 5
    • 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
Upgrade To Pro
Layout
  • Dashboard
  • Basic Components
    • Accordion
    • Breadcrumbs
    • Button
    • Box-Shadow
    • Tabs
    • Color
    • Label Badge
    • Tooltip
    • Typography
    • Panels & wells
  • Advance Components
    • Grid
    • Light Box
    • Notifications
  • Icons
    • Themify
    • Ico Fonts
Forms & Tables
  • Form Components
  • Basic Table
Chart And Maps
  • Chart
  • Maps
  • Pages
    • Login
    • Registration
    • Forgot Password
    • Lock Screen
    • Error
    • User Profile
    • Simple Search
    • Sample Page
Other
  • Menu Levels
    • Menu Level 2.1
    • Menu Level 2.2
      • Menu Level 3.1
    • Menu Level 2.3

Label Badge

Lorem ipsum dolor sit amet, consectetur adipisicing elit
  • 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
Code Explanation for Badges Button

                                        /* Badges For General Button */

                                        

                                        /* Badges For Primary Button */

                                        

                                        /* Badges For Success Button */

                                        

                                        /* Badges For Warning Button */

                                        

                                        /* Badges For Danger Button */

                                        

                                        /* Badges For Info 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

Upgrade To Pro