Alerts

• alert-primary
• alert-secondary
• alert-success
• alert-info
• alert-warning
• alert-danger
• alert-light
• alert-dark
• alert-link
• alert-dismissible
• alert-heading

Badges

• badge
• badge-pill
• badge-primary
• badge-secondary
• badge-success
• badge-info
• badge-warning
• badge-danger
• badge-light
• badge-dark

Breadcrumbs

• breadcrumb

Buttons

• btn-primary
• btn-secondary
• btn-success
• btn-info
• btn-warning
• btn-danger
• btn-light
• btn-dark
• btn-link
• btn-outline-primary
• btn-outline-secondary
• btn-outline-success
• btn-outline-info
• btn-outline-warning
• btn-outline-danger
• btn-outline-light
• btn-outline-dark

Button Groups

• btn-group
• btn-group-lg
• btn-group-sm
• btn-group-vertical
• btn-group (nested)
• btn-toolbar

Button Modifiers

• btn-lg
• btn-sm
• btn-block
• active button
• disabled button
• checkbox as button
• radio as button

Cards

• card
• card-body
• card-title
• card-subtitle
• card-text
• card-link
• card-img-top
• middle image
• card-img-bottom
• card-img-overlay
• list-group
• card-header
• h*.card-header
• card-footer
• card-group
• card-deck
• card-columns
• card bg-… text-…

Dropdowns

• dropdown
• dropdown (split)
• dropup
• dropup (split)
• dropright
• dropleft
• dropdown-header
• dropdown-item-text
• dropdown-divider
• dropdown-item disabled
• dropdown-menu-right

Forms

• form-group
• form-inline
• form using the grid
• form-control
• form-control-lg
• form-control-sm
• form-control-file
• form-control-plaintext
• form-control-range
• form-check
• form-check-inline
• disabled items
• readonly

Form Input Groups

• input-group
• input-group-prepend
• input-group-append
• input-group-sm
• input-group-lg
• checkbox
• radio
• dropdown
• segmented buttons

Grid

• container
• container-fluid
• row
• col-# ( <576px)
• col-sm-# ( ≥576px)
• col-md-# ( ≥768px)
• col-lg-# ( ≥992px)
• col-xl-# ( ≥1200px)
• col
• col-
• no-gutters
• offset--#
• order-#
• nested columns

List Group

• list-group
• list-group-item active
• list-group-item disabled
• list-group-item-action
• list-group-item-primary
• list-group-item-secondary
• list-group-item-success
• list-group-item-info
• list-group-item-warning
• list-group-item-danger
• list-group-item-light
• list-group-item-dark
• list-group with badges
• list-group with d-flex
• list-group-horizontal

Navbar

• navbar
• navbar-brand
• navbar with form
• navbar-text
• navbar-dark bg-dark
• navbar-light
• navbar fixed-top
• navbar fixed-bottom
• navbar sticky-top
• collapse navbar-collapse
• navbar-toggler
• navbar-expand-*

Pagination

• pagination
• page-item disabled
• page-item active
• pagination-lg
• pagination-sm

Tables

• table
• thead-light
• thead-dark
• table-striped
• table-bordered
• table-borderless
• table-hover
• table-sm
• table-*-responsive
• table-reflow
• table-active
• table-primary
• table-secondary
• table-success
• table-info
• table-warning
• table-danger
• table-light
• table-dark

Toasts

• toast

Tooltips

• tooltip

Utility: Borders

• border
• border-none
• border-primary
• border-secondary
• border-success
• border-danger
• border-warning
• border-info
• border-light
• border-dark
• border-white
• rounded
• rounded-sm
• rounded-lg
• rounded-circle
• rounded-0
• rounded-*

Utility: Colors

• bg-primary
• bg-secondary
• bg-success
• bg-info
• bg-warning
• bg-danger
• bg-light
• bg-dark
• bg-white
• text-primary
• text-secondary
• text-success
• text-info
• text-warning
• text-danger
• text-light
• text-dark
• text-white

Utility: Display

d--block
d--flex
d--inline
d--inline-block
d--inline-flex
d--none
d--table
d--table-cell
d-print-…

Utility: Flexbox

flex--row
flex--row-reverse
flex--column
flex--column-reverse
flex--nowrap
flex--wrap
flex--wrap-reverse
flex-fill
flex-item
flex--grow-1
flex--grow-0
flex--shrink-1
flex--shrink-0
justify-content--start
justify-content--end
justify-content--center
justify-content--between
justify-content--around
align-content--start
align-content--end
align-content--center
align-content--around
align-content--stretch
align-items--start
align-items--end
align-items--center
align-items--baseline
align-items--stretch
align-self--start
align-self--end
align-self--center
align-self--baseline
align-self--stretch
order--#

Utility: Misc

close
embed-responsive
shadow-none
shadow-sm
shadow
shadow-lg
invisible
visible
sr-only
sr-only-focusable
stretched-link

Utility: Positioning

align-*
clearfix
fixed-top
fixed-bottom
sticky-top
pull-left
pull-right

Utility: Text

font-weight-bold
font-weight-bolder
font-weight-light
font-weight-lighter
font-weight-normal
text-decoration-none
font-italic
text-monospace
text-justify
text-nowrap
text--left
text--right
text-*-center
text-lowercase
text-uppercase
text-capitalize
text-truncate、text-ellipse
text-body
text-black-50
text-white-50
text-muted
text-hide
text-break