I work with Bootstrap for its grid system from time to time. I sometimes need to add in custom styling using Bootstrap breakpoint sizes and the documentation for Bootstrap (at least version 3) is horrible.
- Extra small: xs – 480px
- Small: sm – 768px
- Medium: md – 992px
- Large: lg – 1200px
Depending on whether or not you’re working mobile first, which in that case you would be using min-width and if you’re working from a breakpoint based responsive workflow you would be using max-width instead.
Now you don’t have to go on a safari expedition to find the Bootstrap responsive sizes for your custom CSS.