aboutsummaryrefslogtreecommitdiff
path: root/docs/components.html
diff options
context:
space:
mode:
authorVickash Mahabir <[email protected]>2013-01-18 17:35:23 -0400
committerVickash Mahabir <[email protected]>2013-01-18 17:35:23 -0400
commit665de0455cb433c9e3c3b6d6ad72318b46098650 (patch)
tree6d942891caf5ea3f1a1b72a59c6fada56c067e28 /docs/components.html
parentf068cdeb63770182b9e954eac9cbd11bf8df5d57 (diff)
downloadbootstrap-665de0455cb433c9e3c3b6d6ad72318b46098650.tar.xz
bootstrap-665de0455cb433c9e3c3b6d6ad72318b46098650.zip
Change .badge to .counter, make appearance more OSX-ish, and remove colors
Diffstat (limited to 'docs/components.html')
-rw-r--r--docs/components.html47
1 files changed, 7 insertions, 40 deletions
diff --git a/docs/components.html b/docs/components.html
index 76590a1ca..d432dda58 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -91,7 +91,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>
@@ -1333,11 +1333,11 @@
- <!-- 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">
@@ -1354,50 +1354,17 @@
Default
</td>
<td>
- <span class="badge">1</span>
+ <span class="counter">42</span>
</td>
<td>
- <code>&lt;span class="badge"&gt;1&lt;/span&gt;</code>
- </td>
- </tr>
- <tr>
- <td>
- Success
- </td>
- <td>
- <span class="badge badge-success">2</span>
- </td>
- <td>
- <code>&lt;span class="badge badge-success"&gt;2&lt;/span&gt;</code>
- </td>
- </tr>
- <tr>
- <td>
- Warning
- </td>
- <td>
- <span class="badge badge-warning">4</span>
- </td>
- <td>
- <code>&lt;span class="badge badge-warning"&gt;4&lt;/span&gt;</code>
- </td>
- </tr>
- <tr>
- <td>
- Danger
- </td>
- <td>
- <span class="badge badge-danger">6</span>
- </td>
- <td>
- <code>&lt;span class="badge badge-danger"&gt;6&lt;/span&gt;</code>
+ <code>&lt;span class="counter"&gt;42&lt;/span&gt;</code>
</td>
</tr>
</tbody>
</table>
<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>