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

update components docs

Browse Source
This commit is contained in:
Mark Otto
2017-05-27 23:01:14 -07:00
parent 5a3a356651
commit c72cc98bd5
21 changed files with 69 additions and 168 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/components/badge.md
+12 -9
View File
@@ -3,27 +3,30 @@ layout: docs
title: Badges
description: Documentation and examples for badges, our small count and labeling component.
group: components
toc: true
---
Small and adaptive tag for adding context to just about any content.
## Contents
* Will be replaced with the ToC, excluding the "Contents" header
{:toc}
## Example
Badges scale to match the size of the immediate parent element by using relative font sizing and `em` units.
{% example html %}
<div class="bd-example">
<div class="h1">Example heading <span class="badge badge-default">New</span></div>
<div class="h2">Example heading <span class="badge badge-default">New</span></div>
<div class="h3">Example heading <span class="badge badge-default">New</span></div>
<div class="h4">Example heading <span class="badge badge-default">New</span></div>
<div class="h5">Example heading <span class="badge badge-default">New</span></div>
<div class="h6">Example heading <span class="badge badge-default">New</span></div>
</div>
{% highlight html %}
<h1>Example heading <span class="badge badge-default">New</span></h1>
<h2>Example heading <span class="badge badge-default">New</span></h2>
<h3>Example heading <span class="badge badge-default">New</span></h3>
<h4>Example heading <span class="badge badge-default">New</span></h4>
<h5>Example heading <span class="badge badge-default">New</span></h5>
<h6>Example heading <span class="badge badge-default">New</span></h6>
{% endexample %}
{% endhighlight %}
## Contextual variations