From d9bb7ddac5c2be077f9d1f250325bb07b4e963ce Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 11 Jul 2014 22:34:47 -0700 Subject: rearrange docs components --- docs/components/badges.md | 68 +++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 68 insertions(+) create mode 100644 docs/components/badges.md (limited to 'docs/components/badges.md') diff --git a/docs/components/badges.md b/docs/components/badges.md new file mode 100644 index 000000000..470f1979f --- /dev/null +++ b/docs/components/badges.md @@ -0,0 +1,68 @@ +--- +layout: page +title: Badges +--- + +Easily highlight new or unread items by adding a `` within links, Bootstrap navs, and more. + +{% example html %} +Inbox 42 +{% endexample %} + +### Self collapsing + +When there are no new or unread items, badges will simply collapse (via CSS's `:empty` selector) provided no content exists within. + +### Active nav + +Built-in styles are included for placing badges in active states in pill navigations. + +{% example html %} + + +{% endexample %} + +### Buttons + +Like active nav links, badges in Bootstrap buttons automatically restyle to better blend into the background. + +{% example html %} + + + + +{% endexample %} -- cgit v1.2.3