Alertsalert-success | alert-info | alert-warning | alert-danger | alert-link | alert-dismissible |
Buttonsbtn-primary | btn-secondary | btn-link | btn-primary-outline | btn-secondary-outline | btn-success-outline | btn-info-outline | btn-warning-outline | btn-danger-outline |
Button Groupsbtn-group | btn-group-lg | btn-group-sm | btn-group-vertical | btn-group (nested) | dropdown-toggle | dropdown-toggle (split) | dropup | btn-toolbar |
Button Modifiersbtn-lg | btn-sm | btn-block | active button | disable button | data-toggle | checkbox as button | radio as button |
Cardscard | card-block | card-img-top | middle image | card-img-bottom | card-img-overlay | card-inverse | card-title | card-subtitle | card-link | card-header | card-footer | card-primary | card-success | card-info | card-warning | card-danger | card-group | card-deck-wrapper | card-columns |
Carouselcarousel slide | carousel-caption |
| | Dropdownsdropdown | dropdown open | dropdown-header | dropdown-divider | dropdown-item disabled |
Formsform | form-inline | form using the grid | form-group | form-control | form-control-file | radio | disabled radio | radio-inline | checkbox | checkbox-inline |
Form Modifiersform-control-lg | form-control-sm | has-success | has-warning | has-danger |
Form Input Groupsinput-group | input-group-lg | input-group-sm | checkbox | radio | input-group-btn | dropdown | segmented buttons |
Custom Formsc-input c-checkbox | c-input c-radio | c-inputs-stacked | c-select | file |
Gridcontainer | container-fluid | row | col-xs-# ( < 544px) | col-sm-# ( > 544px) | col-md-# ( > 768px) | col-lg-# ( > 992px) | col-xl-# ( > 1200px) | col-*-offset-# | col-*-push-# | col-*-pull-# | nested columns |
Imagesimg-fluid | img-rounded | img-circle | img-thumbnail |
Jumbotronjumbotron | jumbotron-fluid |
Labelslabel-default | label-pill | label-primary | label-success | label-info | label-warning | label-danger |
| | List Grouplist-group | list-group with links | list-group-item | list-group-item active | list-group-item disabled | list-group-item-success | list-group-item-danger | list-group-item labels | list-group-item-heading | list-group-item-text |
Media Objectsmedia | media-middle | media-bottom | media-left | media-right | media-list | nested media |
Modalmodal | modal fade | modal-lg | modal-sm |
Navsul.nav | nav.nav | nav-inline | nav-tabs | nav-pills | nav-stacked | nav-tabs with dropdown | nav-pills with drodown |
Navbarnavbar | navbar-brand | navbar with form | navbar bg-* | navbar-light | navbar-dark | navbar-fixed-top | navbar-fixed-bottom | navbar with collapse | navbar.toggleable-* |
Paginationpagination | page-item disabled | page-item active | pagination-lg | pagination-sm | pager | pager-prev | pager-next | disabled pager |
Progressprogress | progress IE9 fix | progress-striped | progress-animated | progress-success | progress-info |
| | Resonsice Utilitieshidden-*-down | hidden-*-up | visible-print-block | visible-print-inline | visible-print-inline-block | hidden-print |
Tablestable | table-inverse | thead-inverse | thead-default | table-striped | table-bordered | table-hover | table-sm | table-responsive | table-reflow | table-active | table-danger |
Typographydisplay-# (1-4) | lead | blockquote- | blockquote-footer | blockquote-reverse | list-unstyled | list-inline | dl-horizontal |
Utility Classestext-justify | text-nowrap | text-*-left | text-*-right | text-lowercase | text-uppercase | text-capitalize | font-weight-bold | font-weight-normal | font-italic | text-muted | text-primary | text-success | text-info | text-warning | text-danger | bg-primary | bg-success | bg-info | bg-warning | bg-danger | bg-inverse | close | pull-*-left | pull-*-right | pull-*-none | center-block | clearfix | invisible | sr-only | sr-only-focusable | text-hide | embed-responsive |
|
Cheatographer
Metadata
Favourited By
Comments
Excelent
Add a Comment
Related Cheat Sheets
More Cheat Sheets by Kemmojoo