diff options
author | ITSERVICES\rb7147 <rb7147@att.com> | 2017-04-25 11:46:00 -0400 |
---|---|---|
committer | ITSERVICES\rb7147 <rb7147@att.com> | 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/badges.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/badges.html')
-rw-r--r-- | POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/docs/_includes/components/badges.html | 45 |
1 files changed, 45 insertions, 0 deletions
diff --git a/POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/docs/_includes/components/badges.html b/POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/docs/_includes/components/badges.html new file mode 100644 index 000000000..a7fff7322 --- /dev/null +++ b/POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/docs/_includes/components/badges.html @@ -0,0 +1,45 @@ +<div class="bs-docs-section"> + <h1 id="badges" class="page-header">Badges</h1> + + <p class="lead">Easily highlight new or unread items by adding a <code><span class="badge"></code> to links, Bootstrap navs, and more.</p> + + <div class="bs-example" data-example-id="simple-badges"> + <a href="#">Inbox <span class="badge">42</span></a> + <br><br> + <button class="btn btn-primary" type="button"> + Messages <span class="badge">4</span> + </button> + </div> +{% highlight html %} +<a href="#">Inbox <span class="badge">42</span></a> + +<button class="btn btn-primary" type="button"> + Messages <span class="badge">4</span> +</button> +{% endhighlight %} + + <h4>Self collapsing</h4> + <p>When there are no new or unread items, badges will simply collapse (via CSS's <code>:empty</code> selector) provided no content exists within.</p> + + <div class="bs-callout bs-callout-danger" id="callout-badges-ie8-empty"> + <h4>Cross-browser compatibility</h4> + <p>Badges won't self collapse in Internet Explorer 8 because it lacks support for the <code>:empty</code> selector.</p> + </div> + + <h4>Adapts to active nav states</h4> + <p>Built-in styles are included for placing badges in active states in pill navigations.</p> + <div class="bs-example" data-example-id="badges-in-pills"> + <ul class="nav nav-pills" role="tablist"> + <li role="presentation" class="active"><a href="#">Home <span class="badge">42</span></a></li> + <li role="presentation"><a href="#">Profile</a></li> + <li role="presentation"><a href="#">Messages <span class="badge">3</span></a></li> + </ul> + </div> +{% highlight html %} +<ul class="nav nav-pills" role="tablist"> + <li role="presentation" class="active"><a href="#">Home <span class="badge">42</span></a></li> + <li role="presentation"><a href="#">Profile</a></li> + <li role="presentation"><a href="#">Messages <span class="badge">3</span></a></li> +</ul> +{% endhighlight %} +</div> |