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

Section

The Section plugin is an all-in-one module that provides some great ways to organize content and navigation on your web pages. Rather than spreading your content over many pages, or making a very long page, you can arrange your content or navigation items into sections and display one section at a time.

Sections can be organized in horizontal tabs, vertical tabs, or in a collapsible accordion.

The setup is simple, especially given the power that you have with the Section plugin. There needs to be one container <div> with some sections inside it.

The outer container needs to have the section-container class. The type of container needs to be specified in two places: as an additional class on the container <div> and as the value of the data-section ...

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