Skip to content

Instantly share code, notes, and snippets.

@barryvdh
Last active October 5, 2015 19:57
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save barryvdh/2867387 to your computer and use it in GitHub Desktop.
Save barryvdh/2867387 to your computer and use it in GitHub Desktop.
responsive custom grid. (Bootstrap)
@import "bootstrap/responsive.less"; //Disable importing variables and mixins, causes to break..
// LANDSCAPE PHONE TO SMALL DESKTOP & PORTRAIT TABLET
// --------------------------------------------------
@media (max-width: 767px) {
.customGrid(auto, 0);
}
// PORTRAIT TABLET TO DEFAULT DESKTOP
// ----------------------------------
@media (min-width: 768px) and (max-width: 979px) {
.customGrid(@gridColumnWidth768, @gridGutterWidth768);
}
// LARGE DESKTOP & UP
// ------------------
@media (min-width: 1200px) {
.customGrid(@gridColumnWidth1200, @gridGutterWidth1200);
}
@barryvdh
Copy link
Author

(in combination with this grid mixin: https://gist.github.com/Barryvdh/2834636)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment