Foundation tab

If you have a lot of content pages, you need to use the paging function.

To create a basic paging feature requires <ul> on the element plus .pagination categories:

The current page

You can <li> added .current class to mark the current page:

Disable tab

If you need to set up a tab you not clickable need .unavailable categories:

Paging direction

In the first and last code> <li> Add the element .arrow class insert HTML entities Symbol « and » to create a paging direction symbol:

Paging centered

We can add the <ul> outer <div> element and <div> Add on .pagination-centered classes to implement paging centered:

Breadcrumbs

Breadcrumbs navigation structure used to display the current page.

In the <ul> on the element added .breadcrumbs class to implement breadcrumbs. You can add <li> on .current or .unavailable class set the current page and not clickable effect:

Sub navigation

Switching on the page, the sub-navigation is very useful.

In the <dl> the element is added .sub-nav class to create a sub-navigation. In the <dt> on the element to add a title for the selected option <dd> Add .active categories: