25 lines
676 B
Markdown
25 lines
676 B
Markdown
|
---
|
||
|
|
layout: docs
|
||
|
|
title: Breadcrumb
|
||
|
|
group: components
|
||
|
|
---
|
||
|
|
|
||
|
|
Indicate the current page's location within a navigational hierarchy.
|
||
|
|
|
||
|
|
Separators are automatically added in CSS through [`::before`](https://developer.mozilla.org/en-US/docs/Web/CSS/::before) and [`content`](https://developer.mozilla.org/en-US/docs/Web/CSS/content).
|
||
|
|
|
||
|
|
{% example html %}
|
||
|
|
<ol class="breadcrumb">
|
||
|
|
<li class="active">Home</li>
|
||
|
|
</ol>
|
||
|
|
<ol class="breadcrumb">
|
||
|
|
<li><a href="#">Home</a></li>
|
||
|
|
<li class="active">Library</li>
|
||
|
|
</ol>
|
||
|
|
<ol class="breadcrumb" style="margin-bottom: 5px;">
|
||
|
|
<li><a href="#">Home</a></li>
|
||
|
|
<li><a href="#">Library</a></li>
|
||
|
|
<li class="active">Data</li>
|
||
|
|
</ol>
|
||
|
|
{% endexample %}
|