Bootstrap 4 breakpoints and media queries

Quick reference for the Bootstrap 4 media breakpoints.

@media (min-width: 576px) {
    // sm: smartphones in landscape
}
@media (min-width: 768px) {
    // md: tablets
}
@media (min-width: 992px) {
    // lg: tablets in landscape
}
@media (min-width: 1200px) {
    // xl: computer
}