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

Starting with simple components

In this section, we'll describe a few of the simpler components, or widgets if you prefer that term. Then we'll move on to more complex components. This section will also demonstrate the use of the common color, size, and radius classes.

These components may or may not be standalone components on Foundation's download page. If not, they can be found inside a component that is present.

Keystrokes

The HTML <kbd> element is intended for representing user input—keystrokes. Foundation adds some custom styles to this element and adds a keystroke class that can be applied to any inline element to get the same effect.

Each of these will have the same effect:

<p>Press <kbd>Enter</kbd> to continue ...</p> <p>Press <span class=" ...

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