Rewrite breadcrumb in markdown

docs/_includes/components/breadcrumbs.html

-<div class="bs-docs-section">
-  <h1 id="breadcrumbs" class="page-header">Breadcrumbs</h1>
-
-  <p class="lead">Indicate the current page's location within a navigational hierarchy.</p>
-  <p>Separators are automatically added in CSS through <code>:before</code> and <code>content</code>.</p>
-  <div class="bs-example">
-    <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>
-  </div>
-{% highlight html %}
-<ol class="breadcrumb">
-  <li><a href="#">Home</a></li>
-  <li><a href="#">Library</a></li>
-  <li class="active">Data</li>
-</ol>
-{% endhighlight %}
-</div>

docs/components/breadcrumb.md

+---
+layout: page
+title: Breadcrumb
+---
+
+Indicate the current page's location within a navigational hierarchy.
+
+Separators are automatically added in CSS through `:before` and `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 %}