List Group - Badges | WVUS.UiKit

Styles
Grid
- Basic
- Nested
- Offset
Responsive
Typography
- Headings
- Body Text
- Bold
- Italics
- Alignment
- De-Emphasize
- Abbreviations
  - Default
  - Initialism
- Address
- Blockquotes
- Lists
- Code
- Jumbotron
- Page Header
Tables
- Default
- Striped
- Bordered
- Hover
- Condensed
- Contextual Styles
- Responsive
- Sizing
  - Grid
  - Non-grid
Forms
- Default Styles
- Styled Checkboxes
- Styled Radio Buttons
- Inline form
- Horizontal form
- Date Picker
Select
- Default
- Multi-Select
- Option Group
- Disabled
- Usage
Images
- Rounded
- Circle
- Thumbnail
- Responsive
UI Elements
Dropdowns
- Basic
- Disabled
- Alignment
- Header
Buttons
- Basic
- Sizes
- Block
- Multiple Tags
- Disabled
- Groups
  - Groups
  - Toolbar
  - Vertical
  - Sizing
  - Nesting
  - Justified <a>
  - Justified<button>
- Dropdowns
  - Basic
  - Dropup
  - Sizing
  - Split Dropdown
  - Split Dropups
- Effects
  - Stateful
  - Single Toggle
  - Checkbox
  - Radio
Tabs
- Basic
- Direction
- Justified
- Disabled
- Dropdowns
- Tabbable
  - Basic
  - Nested
Pills
- Basic
- Disabled
- Direction
- Stacked
- Dropdowns
Navbar
- Basic
  - Default
  - Inverse
  - WV Style
- Fixed
  - Bottom
  - Top
- Static Top
Breadcrumbs
Pagination
- Default
- Disabled and Active States
- Sizes
Pager
- Default
- Disabled
- Alignment
Labels
Badges
Thumbnails
- Grid Sizing
- Custom
Alerts
- Default
- Dismissible
- Links
- JavaScript
Progress Bars
- Basic
- Label
- Colors
- Striped
- Animated
- Stacked
Panels
- Basic
- Heading
- Footers
- Context Colors
- List Group
- Tables
List Groups
- Basic
- Badges
- Linked Items
- Context Colors
- Custom
Media Object
- Default
- Media List
Helper Classes
- Context Colors
- Context Backgrounds
- Clearfix
- Floats
- Center Blocks
- Show/hide Content
- Screen Reader Content
- Image replacement
- Close icon
Widgets
Modal
- Basic
- Sizes
- Usage
Carousel
- Basic
- Caption
- Usage
Collapse
- Default
- Accordion
- Usage
Effects
Tooltips
- Default
- Usage
Popovers
- Default
- Usage
ScrollSpy
- Example in navbar
- Usage
Affix
- Default
- Usage
Glyphs
Icons
- Font Awesome
- Most Used Icons
- Other Icons
- Graphics

Some 3rd party libraries are being deprecated and will be removed in the next major version. Click Here to find out what is going away.

15Cras justo odio
5Dapibus ac facilisis in
14Morbi leo risus
20Porta ac consectetur ac
1Vestibulum at eros

<ul class="list-group">
    <li class="list-group-item"><span class="badge">15</span>Cras justo odio</li>
    <li class="list-group-item"><span class="badge">5</span>Dapibus ac facilisis in</li>
    <li class="list-group-item"><span class="badge">14</span>Morbi leo risus</li>
    <li class="list-group-item"><span class="badge">20</span>Porta ac consectetur ac</li>
    <li class="list-group-item"><span class="badge">1</span>Vestibulum at eros</li>
  </ul>