Foundation CSS Breadcrumbs
Foundation CSS is an open-source & responsive front-end framework built by ZURB foundation in September 2011, that makes it easy to layout stunning responsive websites, apps, and emails that appear amazing & can be accessible to any device. In this article, we will discuss the Breadcrumb component in Foundation CSS.
Breadcrumb is a useful element in modern websites. It helps the user to go back to a specific part of the website very easily and keeps track of the hierarchy of the website pages. As having all possible links in the website’s navbar is inconvenient and therefore breadcrumbs become an effective alternative.
Foundation CSS Breadcrumb Classes:
- breadcrumbs: This class creates the Breadcrumb component. It is usually used on <ul> elements and the links can then be added inside the <li> tags.
- disabled: This class can be used to make the breadcrumbs to be disabled and disable the user from clicking on them.
<ul class="breadcrumbs"> <li style="font-size: 1em;">..</li> <li style="font-size: 1em;">..</li> ... </ul>