Use the .badge
class, followed by.badge-secondary
class within element to create secondary badge.
Use the .badge
class, followed by.badge-primary
class within element to create primary badge.
Use the .badge
class, followed by.badge-success
class within element to create success badge.
Use the .badge
class, followed by.badge-danger
class within element to create danger badge.
Use the .badge
class, followed by.badge-info
class within element to create info badge.
Use the .badge
class, followed by.badge-warning
class within element to create warning badge.
Use the .badge
class, followed by.bg-blue-grey
class within element to create blue grey badge.
Use the .badge
class, followed by.badge-secondary
class within element to create secondary badge.
Use the .badge
class, followed by.badge-square
class for square bordered badge.
Use the .badge
class, followed by.round
class for round bordered badge.
Use the .badge
class, followed by.badge-danger
class within element to create danger badge.
Use the .badge
class, followed by.badge-square
class for square badge.
Use the .badge
class, followed by.round
class for round bordered.
Use the .badge
class, followed by.badge-secondary
class within element to create secondary badge.
Use the .badge
class, followed by.badge-square
class to square bordered badge.
Use the .badge
class, followed by.round
class for round warning badge.
Use the .badge
class, followed by.badge-danger
class within element to create danger badge.
Use the .badge
class, followed by.badge-square
class to square bordered badge.
Use the .badge
class, followed by.round
class for round warning badge.
Use the .badge-bordered
with class .badge
. Also use .border-COLOR
class to add border and use .COLOR
for text color
Use the .badge-striped
with class .badge
for striped styled badges. Also use .border-left-COLOR
or .border-right-COLOR
class to add border to left and right.
Use .block
class with .badge
, to set block badge.