Breadcrumb
Bootstrap 4 Breadcrumb with Material Design UI
A Breadcrumb is a secondary navigation scheme in an application. It provide links back to each previous page the user navigated through and shows the user's current location.
Bootstrap 4 Breadcrumb
Bootstrap 4 Breadcrumb is built with ordered list HTML elements.
Propeller Breadcrumb
Add .pmd-breadcrumb class after the .breadcrumb class to create Propeller Breadcrumb with Bootstrap 4 HTML Structure.
Custom Seperator
You can change the seperator by changing the $breadcrumb-divider variable. You can use both a symbol and an svg icon.
Symbol Seperator
SVG Seperator
Breadcrumb with Icons
Add .pmd-breadcrumb-icon class after the .pmd-breadcrumb class to create Breadcrumb with Icons.
Configuration Options
The Propeller CSS classes apply various predefined visual enhancements to the Breadcrumb. The table lists the available classes and their effects.
| Propeller Classes | Effect | Remark |
|---|---|---|
.pmd-breadcrumb |
To create Propeller Breadcrumb | Required |
.pmd-breadcrumb-icon |
To create Propeller Breadcrumb with Icons | Optional |