From: Mark Otto <markdotto@gmail.com>
Date: Thu, 7 Jan 2016 07:58:07 +0000 (-0800)
Subject: clear up and split out breadcrumb examples
X-Git-Tag: v4.0.0-alpha.3~401
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=b09f70e10154dcf3c67ba767deb28454af534785;p=thirdparty%2Fbootstrap.git

clear up and split out breadcrumb examples
---

diff --git a/docs/components/breadcrumb.md b/docs/components/breadcrumb.md
index 204a60c81e..40d407ddc5 100644
--- a/docs/components/breadcrumb.md
+++ b/docs/components/breadcrumb.md
@@ -4,11 +4,7 @@ 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).
-
-Works fine with or without the usage of list markup.
+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">
@@ -23,11 +19,15 @@ Works fine with or without the usage of list markup.
   <li class="breadcrumb-item"><a href="#">Library</a></li>
   <li class="breadcrumb-item active">Data</li>
 </ol>
-<!-- Or use a div instead of a list -->
-<div class="breadcrumb">
+{% 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>
-</div>
+</nav>
 {% endexample %}