Break up docs into includes

1 files changed, 35 insertions, 0 deletions

diff --git a/docs/_includes/components/labels.html b/docs/_includes/components/labels.html
new file mode 100644
index 000000000..bc2d5f9a2
--- /dev/null
+++ b/docs/_includes/components/labels.html
@@ -0,0 +1,35 @@
+<div class="bs-docs-section">
+  <h1 id="labels" class="page-header">Labels</h1>
+
+  <h3>Example</h3>
+  <div class="bs-example">
+    <h1>Example heading <span class="label label-default">New</span></h1>
+    <h2>Example heading <span class="label label-default">New</span></h2>
+    <h3>Example heading <span class="label label-default">New</span></h3>
+    <h4>Example heading <span class="label label-default">New</span></h4>
+    <h5>Example heading <span class="label label-default">New</span></h5>
+    <h6>Example heading <span class="label label-default">New</span></h6>
+  </div>
+{% highlight html %}
+<h3>Example heading <span class="label label-default">New</span></h3>
+{% endhighlight %}
+
+  <h3>Available variations</h3>
+  <p>Add any of the below mentioned modifier classes to change the appearance of a label.</p>
+  <div class="bs-example">
+    <span class="label label-default">Default</span>
+    <span class="label label-primary">Primary</span>
+    <span class="label label-success">Success</span>
+    <span class="label label-info">Info</span>
+    <span class="label label-warning">Warning</span>
+    <span class="label label-danger">Danger</span>
+  </div>
+{% highlight html %}
+<span class="label label-default">Default</span>
+<span class="label label-primary">Primary</span>
+<span class="label label-success">Success</span>
+<span class="label label-info">Info</span>
+<span class="label label-warning">Warning</span>
+<span class="label label-danger">Danger</span>
+{% endhighlight %}
+</div>