Mr. M.'s Understanding TB's Responsive Utilities

Example of using Twitter Bootstrap 3's "responsive utilities"

Width is currently: 1263px.

View Full Screen

Large devices Desktops (≥1200px)

Medium devices Desktops (≥992px)

Small devices Tablets ( (≥768px))

Extra small devices Phones (<768px)



For faster mobile-friendly development, use these utility classes for showing and hiding content by device via media query.

Try it out

Resize your browser to see four separate images displayed, depending on width of screen.


See Twitter Bootstrap docs at: http://getbootstrap.com/css/#responsive-utilities

Image: Ars Electronica
HTML 5 Valid