Breadcrumb – Breadcrumb indicating the current page’s location.

From Bootstrap - Demo Wiki
Revision as of 21:16, 31 May 2022 by Karsten Hoffmeyer (talk | contribs) (chg)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Component
Name Breadcrumb
Description Breadcrumb indicating the current page’s location.
Provider Skin
Note You may want to add the style definitions to the HTML <ol> tag breadcrumb class via the MediaWiki:Common.css page rather than repeating it on content pages.
Reference getbootstrap.com - breadcrumb
Styling For all possible color styles and corresponding examples, see colors.

Result

Code

<ol class="breadcrumb" style="padding: .75rem 1rem; margin-bottom: 1rem; margin-left: 0">
  <li class="breadcrumb-item active" aria-current="page">Home</li>
</ol>

<ol class="breadcrumb" style="padding: .75rem 1rem; margin-bottom: 1rem; margin-left: 0">
  <li class="breadcrumb-item">[[Home]]</li>
  <li class="breadcrumb-item active" aria-current="page">Library</li>
</ol>

<ol class="breadcrumb" style="padding: .75rem 1rem; margin-bottom: 1rem; margin-left: 0">
  <li class="breadcrumb-item">[[Home]]</li>
  <li class="breadcrumb-item">[[Library]]</li>
  <li class="breadcrumb-item active" aria-current="page">Data</li>
</ol>