Foundation peddles

Foundation peddles

If your page has a lot of content, you'll need to use pedding.

To create a basic pagination feature, you need <ul> class to .pagination

当前页面

可以在 <li> 加上 .current 类来标注当前页面：

Disable plying

If you need to set up a page that is not clickable, you .unavailable class:

The plying direction

Add the .arrow class insert HTML entity symbol on the first and last « and » to create a peddle direction symbol:

The page is centered

We can add the element of the <div> and add the .pagination-centered class on the outer layer to achieve a pedestaled display: <div>

Breadcrumbs navigation

Breadcrumb navigation is used to show the navigation structure of the current page.

Add <ul> the element for breadcrumbs navigation. .breadcrumbs You can add a .current or .unavailable class .current the current page with a non-clickable effect:

sub-navigation

Sub-navigation is very useful on page switching.

Add the .sub-nav <dl> the element to create sub-navigation. Add <dt> to the element and add a .active class for the selected option, <dd> .active