diff --git a/docs/_includes/components/breadcrumbs.html b/docs/_includes/components/breadcrumbs.html
deleted file mode 100644
index 19abdc265e..0000000000
--- 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 0000000000..b6791d68ca
--- /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 %}