Features List

Please, check out below a list of Foundation features and the different options for each version. For more information, follow the Info links to the documentation on Foundation’s official website or the link to the corresponding shortcode documentation in the last column.

The main grid has two main elements – rows and columns.
Every row can contain maximum 12 columns and the grid can be nested.
The columns don’t have a fixed width. It varies depending on the size of the window.
Foundation is mobile-first. Larger screens can be customized as needed.


General Components

 

Features FF F6 F5 F4 F3 SC
Float Grid
Info Info Info Info Info
Flex Grid
Info Info
Column
Info Info
Small Grid
Info Info Info Info Info
Medium Grid
Info Info Info Info
Large Grid
Info Info Info Info Info
Nesting
Info Info Info Info Info Info
Offsets
Info Info Info Info Info Info
Source Ordering
Info Info Info Info Info Info
Block Grids
Info Info Info Info Info Info
Collapse Rows
Info Info Info Info Info Info
Uncollapse Rows
Info Info Info Info
Centered Columns
Info Info Info Info Info
Uncentered Columns
Info Info Info Info
Incomplete Rows
Info Info Info Info Info
Advanced Sizing
Info Info
Responsive Adjustment
Info Info
Column Alignment
Info Info
Visibility Classes
Info Info Info Info Info Info
Show/Hide Only On Specific Screen Size
Info Info Info Info Info Info
Show/Hide On Specific Screen Size and Larger
Info Info Info Info Info Info
Show/Hide On Specific Screen Size and Smaller
Info Info Info
Show/Hide On Specific Screen Directions
Info Info Info Info Info Info

 

Navigation

 

Features F6 F5 F4 F3 SC
Menus
Info Info
Top Bar
Info Info Info Info
Off Canvas
Info
Pagination
Info Info Info Info
Breadcrumbs
Info Info Info Info
Side Nav
Info Info
Sub Nav
Info Info

 

Forms and Containers

 

Features F6 F5 F4 F3 SC
Callout
Info Info
Alert
Info Info Info Info
Panels
Info Info Info Info
Dropdown
Info Info Info Info
Tabs
Info Info Info Info Info
Accordion
Info Info Info Info Info
Reveal
Info Info Info Info Info
Forms
Info Info Info Info
Tables
Info Info Info Info

 

Media

 

Features F6 F5 F4 F3 SC
Flex Video
Info Info Info Info Info
Orbit
Info Info Info Info Info
Thumbnail
Info Info Info Info
Media Object
Info

 

Elements

 

Features F6 F5 F4 F3 SC
Label
Info Info Info Info Info
Progress Bar
Info Info Info Info Info
Button
Info Info Info Info Info
Button Group
Info Info Info Info
Tooltip
Info Info Info Info Info
Switch
Info Info Info
Slider
Info Info
Badge
Info
Inline Lists
Info Info Info
Pricing Tables
Info Info Info

 

Plugins

 

Features F6 F5 F4 F3 SC
Interchange
Info Info Info Info
Equalizer
Info Info Info
Abide
Info Info Info
Magellan
Info Info Info Info
Sticky
Info
Toggler
Info
Joyride
Info Info Info
Clearing Lightbox
Info Info Info