diff options
Diffstat (limited to 'docs/templates')
| -rw-r--r-- | docs/templates/pages/components.mustache | 71 |
1 files changed, 11 insertions, 60 deletions
diff --git a/docs/templates/pages/components.mustache b/docs/templates/pages/components.mustache index f78132a44..4b1b005bd 100644 --- a/docs/templates/pages/components.mustache +++ b/docs/templates/pages/components.mustache @@ -22,7 +22,7 @@ <li><a href="#navbar"><i class="glyphicon-chevron-right"></i> Navbar</a></li> <li><a href="#breadcrumbs"><i class="glyphicon-chevron-right"></i> Breadcrumbs</a></li> <li><a href="#pagination"><i class="glyphicon-chevron-right"></i> Pagination</a></li> - <li><a href="#badges"><i class="glyphicon-chevron-right"></i> Badges</a></li> + <li><a href="#counters"><i class="glyphicon-chevron-right"></i> Counters</a></li> <li><a href="#typography"><i class="glyphicon-chevron-right"></i> Typography</a></li> <li><a href="#thumbnails"><i class="glyphicon-chevron-right"></i> Thumbnails</a></li> <li><a href="#alerts"><i class="glyphicon-chevron-right"></i> Alerts</a></li> @@ -1264,71 +1264,22 @@ - <!-- Badges + <!-- Counters ================================================== --> - <section id="badges"> + <section id="counters"> <div class="page-header"> - <h1>Badges</h1> + <h1>Counters</h1> </div> - <table class="table table-bordered table-striped"> - <thead> - <tr> - <th>Name</th> - <th>Example</th> - <th>Markup</th> - </tr> - </thead> - <tbody> - <tr> - <td> - Default - </td> - <td> - <span class="badge">1</span> - </td> - <td> - <code><span class="badge">1</span></code> - </td> - </tr> - <tr> - <td> - Success - </td> - <td> - <span class="badge badge-success">2</span> - </td> - <td> - <code><span class="badge badge-success">2</span></code> - </td> - </tr> - <tr> - <td> - Warning - </td> - <td> - <span class="badge badge-warning">4</span> - </td> - <td> - <code><span class="badge badge-warning">4</span></code> - </td> - </tr> - <tr> - <td> - Danger - </td> - <td> - <span class="badge badge-danger">6</span> - </td> - <td> - <code><span class="badge badge-danger">6</span></code> - </td> - </tr> - </tbody> - </table> + <div class="bs-docs-example"> + <a href="#">Inbox</a> <span class="counter">42</span> + </div> +<pre class="prettyprint linenums"> +<a href="#">Inbox</a> <span class="counter">42</span> +</pre> <h3>Easily collapsible</h3> - <p>For easy implementation, badges will simply collapse (via CSS's <code>:empty</code> selector) when no content exists within.</p> + <p>For easy implementation, counters will simply collapse (via CSS's <code>:empty</code> selector) when no content exists within.</p> </section> |