diff options
author | 2017-04-25 11:46:00 -0400 | |
---|---|---|
committer | 2017-05-03 09:58:17 -0400 | |
commit | e0addf5b588a1244f9679becd90999dfcb4c3a94 (patch) | |
tree | 1212772d6366730266ff0e093c874b07aa716c29 /POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/docs/_includes/components/labels.html | |
parent | 39fb0f30472777e4b60d6a7ac8aa4eb9773961ff (diff) |
Policy 1707 commit to LF
Change-Id: Ibe6f01d92f9a434c040abb05d5386e89d675ae65
Signed-off-by: ITSERVICES\rb7147 <rb7147@att.com>
Diffstat (limited to 'POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/docs/_includes/components/labels.html')
-rw-r--r-- | POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/docs/_includes/components/labels.html | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/docs/_includes/components/labels.html b/POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/docs/_includes/components/labels.html new file mode 100644 index 000000000..de742caff --- /dev/null +++ b/POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/docs/_includes/components/labels.html @@ -0,0 +1,40 @@ +<div class="bs-docs-section"> + <h1 id="labels" class="page-header">Labels</h1> + + <h2>Example</h2> + <div class="bs-example" data-example-id="labels-in-headings"> + <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 %} + + <h2>Available variations</h2> + <p>Add any of the below mentioned modifier classes to change the appearance of a label.</p> + <div class="bs-example" data-example-id="label-variants"> + <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" id="callout-labels-inline-block"> + <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> |