Breadcrumb – Breadcrumb indicating the current page’s location.
From Bootstrap - Demo Wiki
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>