Skip to content

Instantly share code, notes, and snippets.

@joelstransky

joelstransky/bootstrap-breakpoints.html

Created November 12, 2014 19:49
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save joelstransky/dee5b8af6d4a05e640b9 to your computer and use it in GitHub Desktop.
Save joelstransky/dee5b8af6d4a05e640b9 to your computer and use it in GitHub Desktop.
Download ZIP
Bootstrap 3 media query break-point visual debugger
Raw
bootstrap-breakpoints.html
<!-- media query debugger -->
<div class="navbar-fixed-top" style="right: initial">
<button type="button" class="btn btn-default visible-lg">Large</button>
<button type="button" class="btn btn-default visible-md">Medium</button>
<button type="button" class="btn btn-default visible-sm">Small</button>
<button type="button" class="btn btn-default visible-xs">Extra-Small</button>
</div>
<!-- end media query debugger -->
@joelstransky
Copy link
Author

Place this just after the opening <body> tag to see what breakpoint you're on.

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