Foundation includes some basic navigation components that rely only on style sheets and do not require JavaScript to function. These include breadcrumbs, pagination, side nav, and sub nav. You can craft these by hand in your web pages or you may find them integrated into a content management system that uses Foundation.
Breadcrumbs are often used in websites to show the context of a page. Where is the current page in the website hierarchy? The context could represent a menu structure, a category structure, or some other hierarchy. You decide.
There are no HTML elements that must be used for breadcrumbs. You can use nested <div>
elements, an unordered list, or a <nav>
element with nested <a>
links. They all work. What matters is that the outer container has the breadcrumbs
class and the nested elements include the breadcrumb content.
There are a couple of classes that can be applied to the nested elements: current
and unavailable
. Each one will disable...