Bootstrap xs, sm, md, lg breakpoints in pixels and devices

For some reason I keep forgetting these breakpoints and have to search them on the net.

Bootstrap breakpoints in pixels:

  • xs = 0-767 pixels
  • sm = 768-991 pixels
  • md = 992-1199 pixels
  • lg = 1200 pixels and up

In other words,

  • xs is for extra small devices (phones, less than 768px)
  • sm is for small devices (tablets, 768px and up)
  • md is for medium devices (desktops, 992px and up)
  • lg is for large devices (large desktops, 1200px and up)