Skip to content

Instantly share code, notes, and snippets.

@maryleloisa

maryleloisa/bs-breakpoint-viewer.js

Last active December 6, 2015 12:30
Show Gist options
  • Save maryleloisa/7a2e607785ae14b3e69a to your computer and use it in GitHub Desktop.
Save maryleloisa/7a2e607785ae14b3e69a to your computer and use it in GitHub Desktop.
Download ZIP
Bootstrap breakpoints viewer js
Raw
bs-breakpoint-viewer.js
$('body').prepend('' +
'<div style="background-color: firebrick;color:white;position: fixed;left: 20px;top:20px;z-index: 50000;padding: 5px;border: 1px solid #551414;border-radius: 3px;opacity: 0.7">' +
' <span class="hidden-sm-up">XS</span>' +
' <span class="hidden-md-up hidden-xs-down">SM</span>' +
' <span class="hidden-lg-up hidden-sm-down">MD</span>' +
' <span class="hidden-xl-up hidden-md-down">LG</span>' +
' <span class="hidden-lg-down">XL</span>' +
'</div>');
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment