Again... we think the Bootstrap guys should have yet another breakpoint for the really small screens. Are we too picky? Perhaps. Is that better for you? Definitely! So resize away to see the Extra Extra Small Devices behavior.

Available classes


Extra extra small devices Phones (<640px) Extra small devices Phones (<768px) Small devices Tablets (≥768px) Medium devices Desktops (≥992px) Large devices Desktops (≥1200px)
.visible-xxs Visible
.visible-xs Visible
.visible-sm Visible
.visible-md Visible
.visible-lg Visible
.hidden-xxs Visible Visible Visible Visible
.hidden-xs Visible Visible Visible Visible
.hidden-sm Visible Visible Visible Visible
.hidden-md Visible Visible Visible Visible
.hidden-lg Visible Visible Visible Visible


Visible on...

Green checkmarks indicate the element is visible in your current viewport.

Extra Extra small ✔ Visible on xx-small
Extra small ✔ Visible on x-small
✔ Visible on small
Medium ✔ Visible on medium
✔ Visible on large


Hidden on...

Here, green checkmarks also indicate the element is hidden in your current viewport.

Extra Extra small ✔ Hidden on xx-small
Extra small ✔ Hidden on x-small
✔ Hidden on small
Medium ✔ Hidden on medium
✔ Hidden on large


To not interfere with Bootstrap we kept XS as main reference and will override XXS, so when using the XXS proceed as you would with the SM, MD and LG, adding those classes after the XS classes.

e.g.: class="visible-xs hidden-xxs" to not show on XXS. Double item

Maecenas aliquet velit vel turpis. Mauris neque metus natrivious, malesuada nec, ultricies sit amet, porttitor mattis, enim. In massa libero, interdum nec, interdum vel, blandit sed, nulla. 

RECENT NEWS

14
May 2014
Nunc porta connulla ercim nonvallis pede

Proin nulla arcu, nonummy luctus, dictum eget, fermentum et, lorem.

[read more]
08
May 2014
Proin nulla arcu nonummy
Luctus, dictum eget, fermentum et, lorem. Nunc porta convallis pede.  [read more]

Contact Us

Address: 12345 Main Street
Anytown, USA 12345

Phone: 555.555.1212

Email: mail@example.com