Breadcrumb example 2

Component
Name	Breadcrumb
Description	Breadcrumb in light mode and dark mode
Provider	Skin
Note	Dark mode needs the CSS marked "Bootstrap dark mode" on MediaWiki:Common.css, because the Chameleon skin leaves out Bootstrap's dark mode.
Reference	getbootstrap.com - color modes
Styling	For all possible color styles and corresponding examples, see colors.

Light mode

Code

<ol class="breadcrumb ms-0">
  <li class="breadcrumb-item">[[Main Page|Home]]</li>
  <li class="breadcrumb-item">[[Components]]</li>
  <li class="breadcrumb-item active" aria-current="page">Breadcrumb</li>
</ol>

Result

1. Home
2. Components
3. Breadcrumb

Dark mode

The code is the same as for light mode, see Color modes.

Result

1. Home
2. Components
3. Breadcrumb

This wiki contains content from the Bootstrap homepage, licensed Commons Attribution 3.0 Unported (CC BY 3.0). Thank you to everyone for creating outstanding content!