Bootstrap Cheat Sheet

bootstrap-cheat.css

/*

Here's a brief explanation of the breakpoints

lg: 1200+
md: 992-1199
sm: 768-991
xs: 767-
*/

/* this is targeting desktop and larger, .lg */
@media all and (min-width: 1200px) {

}

/* this is targeting laptop and smaller, .md */
@media all and (max-width: 1199px) {
 
}

/* this is targeting tablet and smaller, .sm */
@media all and (max-width: 991px) {
  
}

/* this is targeting smartphone and smaller, .xs */
@media all and (max-width: 767px) {
  
}

succinct.less

@phoneMax: 767px;
@tabletMin: 768px;
@tabletMax: 991px;
@laptopMin: 992px;
@laptopMax: 1199px;
@desktopMin: 1200px;