The Grid From Foundation's Kitchen Sink

This is a twelve column section in a row. Each of these includes a div.panel element so you can see where the columns are - it's not required at all for the grid.

Six columns

Six columns

Four columns

Four columns

Four columns

Buttons

Small Button

Medium Button

Large Button

Small Alert Button

Medium Success Button

Large Secondary Button

Alert Boxes

This is a standard alert (div.alert-box). ×
This is a success alert (div.alert-box.success). ×
This is an alert (div.alert-box.alert.round). ×
This is a secondary alert (div.alert-box.secondary). ×

Button Groups

Flex Video

Panels

This is a regular panel.

It has an easy to override visual style, and is appropriately subdued.

This is a callout panel.

It's a little ostentatious, but useful for important content.

Pricing Tables

Progress Bars

Built with Foundation 4

To see every Foundation has to offer, please visit Foundations Kitchen Sink page