From f5c63e11b81d4d6975f29e122b6581bd7860adbc Mon Sep 17 00:00:00 2001
From: Mark Otto <otto@github.com>
Date: Sat, 12 Jul 2014 02:13:13 -0700
Subject: move label

---
 docs/components/label.md | 40 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 docs/components/label.md

(limited to 'docs/components')

diff --git a/docs/components/label.md b/docs/components/label.md
new file mode 100644
index 000000000..05cf2fe81
--- /dev/null
+++ b/docs/components/label.md
@@ -0,0 +1,40 @@
+<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 class="bs-callout bs-callout-info">
+    <h4>Have tons of labels?</h4>
+    <p>Rendering problems can arise when you have dozens of inline labels within a narrow container, each containing its own <code>inline-block</code> element (like an icon). The way around this is setting <code>display: inline-block;</code>. For context and an example, <a href="https://github.com/twbs/bootstrap/issues/13219">see #13219</a>.</p>
+  </div>
+</div>
-- 
cgit v1.2.3