rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-18 10:52:19 +01:00
Code Issues Actions Packages Releases Activity

Add doc example with badge links (#21674)

Browse Source
This commit is contained in:
Pierre-Denis Vanduynslager 2017-01-16 00:45:04 -05:00 committed by Mark Otto
parent 5eb67091b5
commit 1528516dd6
1 changed files with 13 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
docs/components/badge.md
View File

@ -53,3 +53,16 @@ Use the `.badge-pill` modifier class to make badges more rounded (with a larger
<span class="badge badge-pill badge-warning">Warning</span> <span class="badge badge-pill badge-warning">Warning</span>
<span class="badge badge-pill badge-danger">Danger</span> <span class="badge badge-pill badge-danger">Danger</span>
{% endexample %} {% endexample %}
## Links
Using the `.badge` classes with the `<a>` element quickly provide _actionable_ badges with hover and focus states.
{% example html %}
<a href="#" class="badge badge-default">Default</a>
<a href="#" class="badge badge-primary">Primary</a>
<a href="#" class="badge badge-success">Success</a>
<a href="#" class="badge badge-info">Info</a>
<a href="#" class="badge badge-warning">Warning</a>
<a href="#" class="badge badge-danger">Danger</a>
{% endexample %}