diff options
Diffstat (limited to 'docs/components/breadcrumb.md')
| -rw-r--r-- | docs/components/breadcrumb.md | 34 |
1 files changed, 0 insertions, 34 deletions
diff --git a/docs/components/breadcrumb.md b/docs/components/breadcrumb.md deleted file mode 100644 index 8beaa0ae4..000000000 --- a/docs/components/breadcrumb.md +++ /dev/null @@ -1,34 +0,0 @@ ---- -layout: docs -title: Breadcrumb -description: Indicate the current page's location within a navigational hierarchy. -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="breadcrumb-item active">Home</li> -</ol> -<ol class="breadcrumb"> - <li class="breadcrumb-item"><a href="#">Home</a></li> - <li class="breadcrumb-item active">Library</li> -</ol> -<ol class="breadcrumb"> - <li class="breadcrumb-item"><a href="#">Home</a></li> - <li class="breadcrumb-item"><a href="#">Library</a></li> - <li class="breadcrumb-item active">Data</li> -</ol> -{% endexample %} - -Similar to our navigation components, breadcrumbs work fine with or without the usage of list markup. - -{% example html %} -<nav class="breadcrumb"> - <a class="breadcrumb-item" href="#">Home</a> - <a class="breadcrumb-item" href="#">Library</a> - <a class="breadcrumb-item" href="#">Data</a> - <span class="breadcrumb-item active">Bootstrap</span> -</nav> -{% endexample %} |
