mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-05 16:42:29 +03:00
Code Activity

Change .badge to .counter, make appearance more OSX-ish, and remove colors

Browse Source
This commit is contained in:
Vickash Mahabir
2013-01-18 17:35:23 -04:00
parent f068cdeb63
commit 665de0455c
5 changed files with 32 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/components.html
+7 -40
View File
@@ -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>