diff options
| author | Mark Otto <[email protected]> | 2014-07-12 02:13:13 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2014-07-12 02:13:13 -0700 |
| commit | f5c63e11b81d4d6975f29e122b6581bd7860adbc (patch) | |
| tree | dc58397095ec8dbe82fa6b2b9853d2abd905499b /docs/components | |
| parent | 88db2b597018d3ba57a571d35ac4866c57bdbda9 (diff) | |
| download | bootstrap-f5c63e11b81d4d6975f29e122b6581bd7860adbc.tar.xz bootstrap-f5c63e11b81d4d6975f29e122b6581bd7860adbc.zip | |
move label
Diffstat (limited to 'docs/components')
| -rw-r--r-- | docs/components/label.md | 40 |
1 files changed, 40 insertions, 0 deletions
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> |