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)