diff options
| author | Mark Otto <[email protected]> | 2014-07-11 22:34:47 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2014-07-11 22:34:47 -0700 |
| commit | d9bb7ddac5c2be077f9d1f250325bb07b4e963ce (patch) | |
| tree | 265a87196368633962f029ac92fe2a7619a1ab2c /docs/_includes/components/badges.html | |
| parent | 60cf7d45dbbf21cafcffa1b883101136d609b2a8 (diff) | |
| download | bootstrap-d9bb7ddac5c2be077f9d1f250325bb07b4e963ce.tar.xz bootstrap-d9bb7ddac5c2be077f9d1f250325bb07b4e963ce.zip | |
rearrange docs components
Diffstat (limited to 'docs/_includes/components/badges.html')
| -rw-r--r-- | docs/_includes/components/badges.html | 72 |
1 files changed, 0 insertions, 72 deletions
diff --git a/docs/_includes/components/badges.html b/docs/_includes/components/badges.html deleted file mode 100644 index df5efe476..000000000 --- a/docs/_includes/components/badges.html +++ /dev/null @@ -1,72 +0,0 @@ -<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"> - <a href="#">Inbox <span class="badge">42</span></a> - </div> -{% highlight html %} -<a href="#">Inbox <span class="badge">42</span></a> -{% 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"> - <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"> - <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> - <br> - <ul class="nav nav-pills nav-stacked" role="tablist" style="max-width: 260px;"> - <li role="presentation" class="active"> - <a href="#"> - <span class="badge pull-right">42</span> - Home - </a> - </li> - <li role="presentation"><a href="#">Profile</a></li> - <li role="presentation"> - <a href="#"> - <span class="badge pull-right">3</span> - Messages - </a> - </li> - </ul> - <br> - <p> - <button class="btn btn-primary btn-lg" type="button"> - Large button <span class="badge">4</span> - </button> - <button class="btn btn-primary" type="button"> - Button <span class="badge">4</span> - </button> - <button class="btn btn-primary btn-sm" type="button"> - Small button <span class="badge">4</span> - </button> - <button class="btn btn-primary btn-xs" type="button"> - Extra small <span class="badge">4</span> - </button> - </p> - </div> -{% highlight html %} -<ul class="nav nav-pills nav-stacked" role="tablist"> - <li role="presentation" class="active"> - <a href="#"> - <span class="badge pull-right">42</span> - Home - </a> - </li> - ... -</ul> -{% endhighlight %} -</div> |
