Update: code cleanup and labels section moved

1 files changed, 24 insertions, 24 deletions

diff --git a/index.html b/index.html
index 23de74b..e1c5d83 100644
--- a/index.html
+++ b/index.html
@@ -160,6 +160,7 @@
                     <a href="#tables" class="btn btn-primary">tables</a>
                     <a href="#buttons" class="btn btn-primary">buttons</a>
                     <a href="#forms" class="btn btn-primary">forms</a>
+                    <a href="#labels" class="btn btn-primary">labels</a>
                     <a href="#media" class="btn btn-primary">media</a>
                 </div>
             </section>
@@ -849,6 +850,29 @@
 
         </section>
 
+        <section id="labels" class="container grid-960">
+            <header class="text-center"><h4>labels</h4></header>
+            <section class="notes">
+                <p><strong>Labels</strong> are formatted text tags for highlighted, informative information.</p>
+            </section>
+            <div class="columns">
+                <div class="column">
+                    <span class="label">default label</span>
+                    <span class="label label-primary">primary label</span>
+                </div>
+            </div>
+            <section class="notes">
+                <p>Add the class <code>label</code> to &lt;span&gt; or &lt;small&gt; elements. You can add another class <code>label-primary</code> for a primary colored label.</p>
+            </section>
+
+            <!-- labels example -->
+<pre class="code lang-html">
+&lt;<span class="tag">span</span> <span class="atn">class</span>=<span class="atv">&quot;label&quot;</span>&gt;default label&lt;<span class="tag">/span</span>&gt;
+&lt;<span class="tag">span</span> <span class="atn">class</span>=<span class="atv">&quot;label label-primary&quot;</span>&gt;primary label&lt;<span class="tag">/span</span>&gt;
+</pre>
+
+        </section>
+
         <section id="media" class="container grid-960">
             <header class="text-center"><h4>media</h4></header>
             <section class="notes">
@@ -1176,7 +1200,6 @@
                     <a href="#chips" class="btn btn-primary">chips</a>
                     <a href="#autocomplete" class="btn btn-primary">autocomplete</a>
                     <a href="#tooltips" class="btn btn-primary">tooltips</a>
-                    <a href="#labels" class="btn btn-primary">labels</a>
                     <a href="#badges" class="btn btn-primary">badges</a>
                     <a href="#toasts" class="btn btn-primary">toasts</a>
                     <a href="#menus" class="btn btn-primary">menus</a>
@@ -1540,29 +1563,6 @@
 
         </section>
 
-        <section id="labels" class="container grid-960">
-            <header class="text-center"><h4>labels</h4></header>
-            <section class="notes">
-                <p><strong>Labels</strong> are formatted text tags for highlighted, informative information.</p>
-            </section>
-            <div class="columns">
-                <div class="column">
-                    <span class="label">default label</span>
-                    <span class="label label-primary">primary label</span>
-                </div>
-            </div>
-            <section class="notes">
-                <p>Add the class <code>label</code> to &lt;span&gt; or &lt;small&gt; elements. You can add another class <code>label-primary</code> for a primary colored label.</p>
-            </section>
-
-            <!-- labels example -->
-<pre class="code lang-html">
-&lt;<span class="tag">span</span> <span class="atn">class</span>=<span class="atv">&quot;label&quot;</span>&gt;default label&lt;<span class="tag">/span</span>&gt;
-&lt;<span class="tag">span</span> <span class="atn">class</span>=<span class="atv">&quot;label label-primary&quot;</span>&gt;primary label&lt;<span class="tag">/span</span>&gt;
-</pre>
-
-        </section>
-
         <section id="badges" class="container grid-960">
             <header class="text-center"><h4>badges</h4></header>
             <section class="notes">