update components docs

1 files changed, 12 insertions, 9 deletions

diff --git a/docs/components/badge.md b/docs/components/badge.md
index a7497a285..764e5a1cb 100644
--- a/docs/components/badge.md
+++ b/docs/components/badge.md
@@ -3,27 +3,30 @@ layout: docs
 title: Badges
 description: Documentation and examples for badges, our small count and labeling component.
 group: components
+toc: true
 ---
 
-Small and adaptive tag for adding context to just about any content.
-
-## Contents
-
-* Will be replaced with the ToC, excluding the "Contents" header
-{:toc}
-
 ## Example
 
 Badges scale to match the size of the immediate parent element by using relative font sizing and `em` units.
 
-{% example html %}
+<div class="bd-example">
+<div class="h1">Example heading <span class="badge badge-default">New</span></div>
+<div class="h2">Example heading <span class="badge badge-default">New</span></div>
+<div class="h3">Example heading <span class="badge badge-default">New</span></div>
+<div class="h4">Example heading <span class="badge badge-default">New</span></div>
+<div class="h5">Example heading <span class="badge badge-default">New</span></div>
+<div class="h6">Example heading <span class="badge badge-default">New</span></div>
+</div>
+
+{% highlight html %}
 <h1>Example heading <span class="badge badge-default">New</span></h1>
 <h2>Example heading <span class="badge badge-default">New</span></h2>
 <h3>Example heading <span class="badge badge-default">New</span></h3>
 <h4>Example heading <span class="badge badge-default">New</span></h4>
 <h5>Example heading <span class="badge badge-default">New</span></h5>
 <h6>Example heading <span class="badge badge-default">New</span></h6>
-{% endexample %}
+{% endhighlight %}
 
 ## Contextual variations