From fe6b22c2c3d2dd81c5b8a7675159afdf8d5a78d2 Mon Sep 17 00:00:00 2001
From: Mark Otto <otto@github.com>
Date: Sat, 12 Jul 2014 01:03:13 -0700
Subject: [PATCH] Rewrite breadcrumb in markdown

---
 docs/_includes/components/breadcrumbs.html | 27 ----------------------
 docs/components/breadcrumb.md              | 23 ++++++++++++++++++
 2 files changed, 23 insertions(+), 27 deletions(-)
 delete mode 100644 docs/_includes/components/breadcrumbs.html
 create mode 100644 docs/components/breadcrumb.md

diff --git a/docs/_includes/components/breadcrumbs.html b/docs/_includes/components/breadcrumbs.html
deleted file mode 100644
index 19abdc265..000000000
--- a/docs/_includes/components/breadcrumbs.html
+++ /dev/null
@@ -1,27 +0,0 @@
-<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>
diff --git a/docs/components/breadcrumb.md b/docs/components/breadcrumb.md
new file mode 100644
index 000000000..b6791d68c
--- /dev/null
+++ b/docs/components/breadcrumb.md
@@ -0,0 +1,23 @@
+---
+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 %}