aboutsummaryrefslogtreecommitdiff
path: root/docs/_includes/components/badges.html
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2014-07-11 22:34:47 -0700
committerMark Otto <[email protected]>2014-07-11 22:34:47 -0700
commitd9bb7ddac5c2be077f9d1f250325bb07b4e963ce (patch)
tree265a87196368633962f029ac92fe2a7619a1ab2c /docs/_includes/components/badges.html
parent60cf7d45dbbf21cafcffa1b883101136d609b2a8 (diff)
downloadbootstrap-d9bb7ddac5c2be077f9d1f250325bb07b4e963ce.tar.xz
bootstrap-d9bb7ddac5c2be077f9d1f250325bb07b4e963ce.zip
rearrange docs components
Diffstat (limited to 'docs/_includes/components/badges.html')
-rw-r--r--docs/_includes/components/badges.html72
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>&lt;span class="badge"&gt;</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>