Список

  <ul class="list-group">

    <li class="list-group-item">First item</li>

    <li class="list-group-item">Second item</li>

    <li class="list-group-item">Third item</li>

  </ul>

  <ul class="list-group">

    <li class="list-group-item">New <span class="badge">12</span></li>

    <li class="list-group-item">Deleted <span class="badge">5</span></li>

    <li class="list-group-item">Warnings <span class="badge">3</span></li>

  </ul>

<div class="list-group">

  <a href="#" class="list-group-item active">First item</a>

  <a href="#" class="list-group-item">Second item</a>

  <a href="#" class="list-group-item disabled">Third item</a>

</div>

  <div class="list-group">

    <a href="#" class="list-group-item list-group-item-success">First item</a>

    <a href="#" class="list-group-item list-group-item-info">Second item</a>

    <a href="#" class="list-group-item list-group-item-warning">Third item</a>

    <a href="#" class="list-group-item list-group-item-danger">Fourth item</a>

  </div>

  <div class="list-group">

    <a href="#" class="list-group-item active">

      <h4 class="list-group-item-heading">First List Group Item Heading</h4>

      <p class="list-group-item-text">List Group Item Text</p>

    </a>

    <a href="#" class="list-group-item">

      <h4 class="list-group-item-heading">Second List Group Item Heading</h4>

      <p class="list-group-item-text">List Group Item Text</p>

    </a>

    <a href="#" class="list-group-item">

      <h4 class="list-group-item-heading">Third List Group Item Heading</h4>

      <p class="list-group-item-text">List Group Item Text</p>

    </a>

  </div>