Bootstrap 4 cheatsheet

cheatsheet.md

Utilities class

• img-rounded replaced by rounded-circle
• hidden replaced by invisible (add display: none; on .invisible in the CSS if you need)
• hidden-xs is replaced by hidden-xs-down
• hidden-sm hidden-md hidden-lg is equivalent to hidden-sm-up

Grid

• col-xs-6 is now col-6
• col-md-offset-2 becomes offset-md-2

Label

There is no more label class, if you need labels code it yourself, e.g. in SCSS

.label {
  background: $background-grey;
  color: white;
  border-radius: 3px;
  padding: 2px 5px;
  &-success {
    background: $green;
  }
  &-primary {
    background: $blue;
  }
  &-danger {
    background: $red;
  }
  &-warning {
    background: $orange;
  }
}

Modal & tooltip

• For some reasons, modals don't work when you also use tooltips :) as stated in this issue twbs/bootstrap#21607
• Temporary fix is to remove the fade class on the modal...