Please enable JavaScript.
Coggle requires JavaScript to display documents.
Bootstrap 4 (Typography (.font-weight-bold, .font-weight-normal, .font…
Bootstrap 4
Typography
.font-weight-bold
.font-weight-normal
.font-weight-light
.font-italic
.lead
.small
.text-left
.text-center
.text-right
.text-justify
.text-nowrap
.text-lowercase
.text-uppercase
.text-capitalize
.initialism
.list-unstyled
.list-inline
.pre-scrollable
Tables
.table
Table Head Colors
.thead-dark
.table-striped
.table-bordered
.table-hover
.table-dark
.table-hover
Contextual
.table-primary
Blue: Indicates an important action
.table-success
Green: Indicates a successful or positive action
.table-danger
Red: Indicates a dangerous or potentially negative action
.table-info
Light blue: Indicates a neutral informative change or action
.table-warning
Orange: Indicates a warning that might need attention
.table-active
Grey: Applies the hover color to the table row or table cell
.table-secondary
Grey: Indicates a slightly less important action
.table-light
Light grey table or table row background
.table-dark
Dark grey table or table row background
Responsive Tables
.table-responsive-sm
< 576px
.table-responsive-md
< 768px
.table-responsive-lg
< 992px
.table-responsive-xl
< 1200px
Small Table
.table-sm
.card
.card-body
.card-title
.card-text
.card-link
.card-header
.card-footer
.card-img-overlay
img
.card-img-bottom
.card-img-top
Grid
1-12
.col-
.col-sm-
.col-md-
.col-lg-
.col-xl-
.dropdown
or
.dropup
Button
.dropdown-toggle
data-toggle="dropdown"
.dropdown-menu
.dropdown-item
Div
.dropdown-divider
.dropdown-header
.active
.disabled
.dropdown-menu-right
Collapsible
Button
or
a
data-toggle="collapse"
data-target="#demo"
Div
id="demo"
.collapse
Navs
ul
.nav
.nav-item
.nav-link
.disabled
.active
.justify-content-center
.justify-content-end
.flex-column
.nav-tabs
.nav-pills
. nav-justified