O'Reilly logo

Getting Started with Zurb Foundation 4 by Andrew D. Patterson

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Visibility

One of the powerful components of Foundation is its visibility classes. When you want to display something on a small device but not on a large device, or vice versa, you can use visibility classes. When you want your page to display differently for landscape versus portrait, you can use visibility classes. Foundation even includes the ability to identify touch-enabled devices.

Let's first look at device width. There are four device width breakpoints: small (less than 768 px), medium (768 px to 1279 px), large (1280 px to 1439 px), and x-large (1440 px and greater). The px values here are what you get when you install Foundation defaults.

When we talked about the grid system, we had small and large devices. Now we have four device widths ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required