A single example shown as it might be displayed across multiple pages.

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;