mirror of
https://github.com/twbs/bootstrap.git
synced 2025-08-11 08:04:59 +02:00
reorder counters docs
This commit is contained in:
@@ -1252,16 +1252,22 @@
|
|||||||
<div class="page-header">
|
<div class="page-header">
|
||||||
<h1>Counters</h1>
|
<h1>Counters</h1>
|
||||||
</div>
|
</div>
|
||||||
|
<p class="lead">Easily highlight new or unread items by adding a <code><span class="counter"></code> to links, Bootstrap navs, and more.</p>
|
||||||
|
|
||||||
<h3>Basic usage</h3>
|
|
||||||
<p>Counters are used to indicator unread or new items. Add a <code><span class="counter"></code> to links, Bootstrap navs, and more.</p>
|
|
||||||
<div class="bs-docs-example">
|
<div class="bs-docs-example">
|
||||||
<a href="#">Inbox</a> <span class="counter">42</span>
|
<a href="#">Inbox <span class="counter">42</span></a>
|
||||||
</div>
|
</div>
|
||||||
<pre class="prettyprint linenums">
|
<pre class="prettyprint linenums">
|
||||||
<a href="#">Inbox</a> <span class="counter">42</span>
|
<a href="#">
|
||||||
|
Inbox
|
||||||
|
<span class="counter">42</span>
|
||||||
|
</a>
|
||||||
</pre>
|
</pre>
|
||||||
|
|
||||||
|
<h4>Self collapsing</h4>
|
||||||
|
<p>When there are no new or unread items, counters will simply collapse (via CSS's <code>:empty</code> selector) provided no content exists within.</p>
|
||||||
|
|
||||||
|
<h4>Adapts to active nav states</h4>
|
||||||
<p>Built-in styles are included for placing counters in active states in pill and list navigations.</p>
|
<p>Built-in styles are included for placing counters in active states in pill and list navigations.</p>
|
||||||
<div class="bs-docs-example">
|
<div class="bs-docs-example">
|
||||||
<ul class="nav nav-pills">
|
<ul class="nav nav-pills">
|
||||||
@@ -1296,9 +1302,6 @@
|
|||||||
</ul>
|
</ul>
|
||||||
</pre>
|
</pre>
|
||||||
|
|
||||||
<h3>Easily collapsible</h3>
|
|
||||||
<p>For easy implementation, counters will simply collapse (via CSS's <code>:empty</code> selector) when no content exists within.</p>
|
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
17
docs/templates/pages/components.mustache
vendored
17
docs/templates/pages/components.mustache
vendored
@@ -1184,16 +1184,22 @@
|
|||||||
<div class="page-header">
|
<div class="page-header">
|
||||||
<h1>Counters</h1>
|
<h1>Counters</h1>
|
||||||
</div>
|
</div>
|
||||||
|
<p class="lead">Easily highlight new or unread items by adding a <code><span class="counter"></code> to links, Bootstrap navs, and more.</p>
|
||||||
|
|
||||||
<h3>Basic usage</h3>
|
|
||||||
<p>Counters are used to indicator unread or new items. Add a <code><span class="counter"></code> to links, Bootstrap navs, and more.</p>
|
|
||||||
<div class="bs-docs-example">
|
<div class="bs-docs-example">
|
||||||
<a href="#">Inbox</a> <span class="counter">42</span>
|
<a href="#">Inbox <span class="counter">42</span></a>
|
||||||
</div>
|
</div>
|
||||||
<pre class="prettyprint linenums">
|
<pre class="prettyprint linenums">
|
||||||
<a href="#">Inbox</a> <span class="counter">42</span>
|
<a href="#">
|
||||||
|
Inbox
|
||||||
|
<span class="counter">42</span>
|
||||||
|
</a>
|
||||||
</pre>
|
</pre>
|
||||||
|
|
||||||
|
<h4>Self collapsing</h4>
|
||||||
|
<p>When there are no new or unread items, counters will simply collapse (via CSS's <code>:empty</code> selector) provided no content exists within.</p>
|
||||||
|
|
||||||
|
<h4>Adapts to active nav states</h4>
|
||||||
<p>Built-in styles are included for placing counters in active states in pill and list navigations.</p>
|
<p>Built-in styles are included for placing counters in active states in pill and list navigations.</p>
|
||||||
<div class="bs-docs-example">
|
<div class="bs-docs-example">
|
||||||
<ul class="nav nav-pills">
|
<ul class="nav nav-pills">
|
||||||
@@ -1228,9 +1234,6 @@
|
|||||||
</ul>
|
</ul>
|
||||||
</pre>
|
</pre>
|
||||||
|
|
||||||
<h3>Easily collapsible</h3>
|
|
||||||
<p>For easy implementation, counters will simply collapse (via CSS's <code>:empty</code> selector) when no content exists within.</p>
|
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user