Your Ultimate Cheatsheet

  • primary
  • secondary
  • success
  • danger
  • warning
  • info
  • light
  • dark
  • badge text-outline-primary
  • badge text-outline-secondary
  • badge text-outline-success
  • badge text-outline-danger
  • badge text-outline-warning
  • badge text-outline-info
  • badge text-outline-dark
  • badge text-light-primary
  • badge text-light-secondary
  • badge text-light-success
  • badge text-light-danger
  • badge text-light-warning
  • badge text-light-info
  • badge text-light-light
  • badge text-light-dark
  • alert-primary
  • alert-secondary
  • alert-success
  • alert-danger
  • alert-warning
  • alert-info
  • alert-light
  • alert-dark
  • alert-outline-primary
  • alert-outline-secondary
  • alert-outline-success
  • alert-outline-danger
  • alert-outline-warning
  • alert-outline-info
  • alert-outline-light
  • alert-outline-dark
  • alert-light-primary
  • alert-light-secondary
  • alert-light-success
  • alert-light-danger
  • alert-light-warning
  • alert-light-info
  • alert-light-light
  • alert-light-dark
  • alert alert-light-border-primary
  • alert alert-light-border-secondary
  • alert alert-light-border-success
  • alert alert-light-border-danger
  • alert alert-light-border-warning
  • alert alert-light-border-info
  • alert alert-light-border-light
  • alert alert-light-border-dark
  • alert alert-border-primary
  • alert alert-border-secondary
  • alert alert-border-success
  • alert alert-border-danger
  • alert alert-border-warning
  • alert alert-border-info
  • alert alert-border-light
  • alert alert-border-dark
  • alert alert-label alert-label-primary
  • alert alert-label alert-label-secondary
  • alert alert-label alert-label-success
  • alert alert-label alert-label-danger
  • alert alert-label alert-label-warning
  • alert alert-label alert-label-info
  • alert alert-label alert-label-light
  • alert alert-label alert-label-dark
  • btn-primary
  • btn-secondary
  • btn-success
  • btn-danger
  • btn-warning
  • btn-info
  • btn-light
  • btn-dark
  • btn-outline-primary
  • btn-outline-secondary
  • btn-outline-success
  • btn-outline-danger
  • btn-outline-warning
  • btn-outline-info
  • btn-outline-light
  • btn-outline-dark
  • btn-light-primary
  • btn-light-secondary
  • btn-light-success
  • btn-light-danger
  • btn-light-warning
  • btn-light-info
  • btn-light-light
  • btn-light-dark
  • icon-btn
  • btn-facebook
  • btn-twitter
  • btn-pinterest
  • btn-linkedin
  • btn-reddit
  • btn-whatsapp
  • btn-gmail
  • btn-telegram
  • btn-youtube
  • btn-vimeo
  • btn-behance
  • btn-github
  • btn-skype
  • btn-snapchat
  • card
  • card-primary
  • card-secondary
  • card-success
  • card-danger
  • card-warning
  • card-info
  • card-light
  • card-dark
  • card-outline-primary
  • card-outline-secondary
  • card-outline-success
  • card-outline-danger
  • card-outline-warning
  • card-outline-info
  • card-outline-light
  • card-outline-dark
  • icon-bg
  • border-primary border-top
  • border-secondary border-bottom
  • border-success border-start
  • border-danger border-end
  • Primary
  • Secondary
  • Success
  • Danger
  • Warning
  • Info
  • Light
  • Dark
  • text-outline-primary
  • text-outline-secondary
  • text-outline-success
  • text-outline-danger
  • text-outline-warning
  • text-outline-info
  • text-outline-light
  • text-outline-dark
  • avtar images
  • avtar size
  • text-light-primary
  • text-light-secondary
  • text-light-success
  • text-light-danger
  • text-light-warning
  • text-light-info
  • text-light-light
  • text-light-dark
  • avtar radious
  • Avtar group
  • app-tabs-primary
  • tab-outline-primary
  • tab-light-primary
  • vertical-tab
  • vertical-right-tab
  • tab background
  • bottom-tab
  • justify-content-around
  • image as nav link
  • accordion-primary
  • accordion-outline-secondary
  • accordion-light-success
  • accordion-flush
  • app-accordion-icon-left
  • app-accordion-plus
  • No icon indicators
  • bg-primary
  • bg-secondary
  • bg-success
  • bg-danger
  • bg-warning
  • bg-info
  • bg-light
  • bg-dark
  • bg-primary-900
  • bg-primary-800
  • bg-primary-700
  • bg-primary-600
  • bg-primary-500
  • bg-primary-400
  • bg-primary-300
  • bg-outline-primary
  • bg-outline-secondary
  • bg-outline-success
  • bg-outline-danger
  • bg-outline-warning
  • bg-outline-info
  • bg-outline-light
  • bg-outline-dark
  • bg-light-primary
  • bg-light-secondary
  • bg-light-success
  • bg-light-danger
  • bg-light-warning
  • bg-light-info
  • bg-light-light
  • bg-light-dark
  • progress-bar bg-primary
  • progress-bar bg-secondary
  • progress-bar bg-success
  • progress-bar bg-danger
  • progress-bar bg-warning
  • progress-bar bg-info
  • progress-bar bg-light
  • progress-bar bg-dark
  • progress-bar bg-light-primary
  • progress-bar bg-light-secondary
  • progress-bar bg-light-success
  • progress-bar bg-light-danger
  • progress-bar bg-light-warning
  • progress-bar bg-light-info
  • progress-bar bg-light-light
  • progress-bar bg-light-dark
  • progress-bar progress-bar-striped
  • progress sizes
  • text-[color]
  • link-[color]
  • txt-bg-[color]
  • text-[option]
  • text-d-[option]
  • f-fs-[option]
  • h1-h6
  • f-fw-[weight]
  • f-s-[size]
  • pa-[option]
  • pa-t-[option]
  • pa-s-[option]
  • pa-b-[option]
  • pa-e-[option]
  • mg-[option]
  • mg-t-[option]
  • mg-s-[option]
  • mg-b-[option]
  • mg-e-[option]
  • w-[option]
  • h-[option]
  • b-[option]
  • b-1-[color]
  • b-[size]-[color]
  • b-r-[option]
  • app-divider-v
  • app-divider-v dotted
  • app-divider-v dashed
  • app-divider-h
  • app-divider-h dotted
  • app-divider-h dashed
  • app-divider-v justify-content-start
  • app-divider-v justify-content-center
  • app-divider-v justify-content-end
  • app-divider-h align-items-start
  • app-divider-h align-items-center
  • app-divider-h align-items-end
  • app-divider-v primary
  • app-divider-v secondary
  • app-divider-v success
  • app-divider-v danger
  • app-divider-v warning
  • app-divider-v info
  • app-divider-v light
  • app-divider-v dark
  • app-divider-h primary
  • app-divider-h secondary
  • app-divider-h success
  • app-divider-h danger
  • app-divider-h warning
  • app-divider-h info
  • app-divider-h light
  • app-divider-h dark
  • ribbon ribbon-left
  • cross-shadow-ribbon cross-left
  • ribbon-shape shape-left
  • arrow-ribbon arrow-left
  • ribbon-side side-left
  • ribbon-top top-left
  • circle-ribbon circle-left
  • ribbon file-left
  • box-ribbon box-left
  • ribbon ribbon-[position]
  • ribbon-shape shape-[position]
  • arrow-ribbon arrow-[position]
  • ribbon-top top-[position]
  • ribbon-side side-[position]
  • cross-shadow-ribbon cross-[position]
  • circle-ribbon circle-[position]
  • ribbon file-[position]
  • box-ribbon box-[position]

Code

Preview