List Group

Add a list of content to your page supporting lists, with links or custom content.

Usage


  <ul class="list-group">
    <li class="list-group__item">
      List group item
    </li>
    <li class="list-group__item">
      <a href="#">Another list group item with a link</a>
    </li>
    <li class="list-group__item">
      Another list group item with just text
    </li>
  </ul>

Content

Open this example in a new window


  <ul class="list-group">
    <li class="list-group__item">
      <div class="media">
        <div class="media__image">
          <img src="//placehold.it/64x64" alt="">
        </div>
        <div class="media__body">
          <h5 class="media__title">Heading</h5>
          <p>Some text adding to the card title and to add volume to the card's content.</p>
        </div>
      </div>
    </li>
    <li class="list-group__item">
      <div class="media">
        <div class="media__image">
          <img src="//placehold.it/64x64" alt="">
        </div>
        <div class="media__body">
          <h5 class="media__title">Heading</h5>
          <p>Some text adding to the card title and to add volume to the card's content.</p>
        </div>
      </div>
    </li>
  </ul>