World Vision

Digital Style Guide

v2.0.0 05-2014
  • Home
  • Design
  • Develop
  • Elements
  • Styles
  • Grid
    • Basic
    • Nested
    • Offset
  • Responsive
  • Typography
    • Headings
    • Body Text
    • Bold
    • Italics
    • Alignment
    • De-Emphasize
    • Abbreviations
      • Default
      • Initialism
    • Address
    • Blockquotes
      • Default
      • Cite Source
      • Alignment
    • Lists
      • Unordered
      • Ordered
      • Unstyled
      • Inline
      • Description
      • Horizontal Description
    • 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
  • 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
    • 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
    • Dismissable
    • 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

List Group - Custom Content

Displays a list of contents with list groups. Also, their not only for <ul> and <ol>

List group item heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem, culpa, iusto, alias, quisquam quos eum quaerat cumque velit maxime numquam repellat similique asperiores aliquam accusantium odit odio ut modi consequatur!

List group item heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem, culpa, iusto, alias, quisquam quos eum quaerat cumque velit maxime numquam repellat similique asperiores aliquam accusantium odit odio ut modi consequatur!

List group item heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem, culpa, iusto, alias, quisquam quos eum quaerat cumque velit maxime numquam repellat similique asperiores aliquam accusantium odit odio ut modi consequatur!

<div class="list-group">
    <a href="#" class="list-group-item active">
      <h4 class="list-group-item-heading">List group item heading</h4>
      <p class="list-group-item-text">...</p>
    </a>
  </div>

Built on Twitter Bootstrap and Font Awesome

  • Issues
  • ·
  • Changelog