diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index c1d6824266..db65570fc0 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4263,7 +4263,7 @@ a.thumbnail:focus { list-style: none; } -.counter { +.badge { display: inline-block; min-width: 10px; padding: 3px 7px; @@ -4278,33 +4278,33 @@ a.thumbnail:focus { border-radius: 10px; } -.counter:empty { +.badge:empty { display: none; } -a.counter:hover, -a.counter:focus { +a.badge:hover, +a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } -.btn .counter { +.btn .badge { position: relative; top: -1px; } -.btn-mini .counter { +.btn-mini .badge { top: 0; } -.nav-list > .active > a > .counter, -.nav-pills > .active > a > .counter { +.nav-list > .active > a > .badge, +.nav-pills > .active > a > .badge { color: #428bca; background-color: #fff; } -.nav-pills > li > a > .counter { +.nav-pills > li > a > .badge { margin-left: 3px; } diff --git a/docs/components.html b/docs/components.html index c30699dc5d..53b4a7e08e 100644 --- a/docs/components.html +++ b/docs/components.html @@ -28,7 +28,7 @@ title: Components
Easily highlight new or unread items by adding a <span class="counter">
to links, Bootstrap navs, and more.
Easily highlight new or unread items by adding a <span class="badge">
to links, Bootstrap navs, and more.
When there are no new or unread items, counters will simply collapse (via CSS's :empty
selector) provided no content exists within.
When there are no new or unread items, badges will simply collapse (via CSS's :empty
selector) provided no content exists within.
Built-in styles are included for placing counters in active states in pill and list navigations.
+Built-in styles are included for placing badges in active states in pill and list navigations.