Combostrap offers two types of hierarchical breadcrumbs:
- navigation: the full breadcrumb that should appear once on a page
- typographical: a text that can be used in a iterator fragment to show the page categories
A navigational hierarchical breadcrumb:
- gives the reader the possibility to navigate to the parent (ie up to the website home page)
- helps the reader to find their place within a website or web application.
Illustration: Breadcrumbs are often placed horizontally before a page's main content (in the main header). You will find it on this page at this location:
You can add a navigational hierarchical breadcrumb with the following syntax.
The output for this page is:
A typographical hierarchical breadcrumb permits to print the parent's pages as text.
This breadcrumb type can be used in a iterator fragment to print the page category as a subtitle.
The depth attribute represents the number of levels that should be printed backward
Depth of 1 will print the parent page
<breadcrumb typo depth=1 color="muted"/>
Depth of 2 will print the parent and grandparent page
<breadcrumb typo depth=2 color="muted"/>