A single example shown as it might be displayed across multiple pages.
Breadcrumb Stack
This form of breadcrumb shows the hierarchy of an article and has the added advantage of collapsing when viewed on tablet devices.
options
It is possible to make the breadcrumb collapsible on narrow screen devices by
adding the .collapse
class to the main .breadcrumb
element and adding the .toggle
anchor to the .active
element as below;
If you wish the collapsible stacked breadcrumb to be collapsed on narrow screen
devices by default then simply add the .collapsed
class on the
.breadcrumb
element;