List group

List groups are a flexible and powerful component for displaying a series of content. Modify and extend them to support just about any content within.

Bootstrap Documentation

  • Cras justo odio
  • Dapibus ac facilisis in
  • Morbi leo risus
  • Porta ac consectetur ac
  • Morbi leo risus 1

Flush

Goodkit Exclusive

Remove borders and horizontal paddings with a .list-group-flush component.

  • Members per team
  • Data retention
  • Support
  • API Limiting
<ul class="list-group list-group-flush">
  <li class="list-group-item">
    Members per team
  </li>
  <li class="list-group-item">
    Data retention
  </li>
  <li class="list-group-item">
    Support
  </li>
  <li class="list-group-item">
    API Limiting
  </li>
</ul>

Sizing

Goodkit Exclusive

Easily control the size of the list group component with sizing utilities.

  • Members per team
  • Data retention
  • Support
  • API Limiting
<ul class="list-group list-group-lg">
  <li class="list-group-item">
    Members per team
  </li>
  <li class="list-group-item">
    Data retention
  </li>
  <li class="list-group-item">
    Support
  </li>
  <li class="list-group-item">
    API Limiting
  </li>
</ul>
  • Members per team
  • Data retention
  • Support
  • API Limiting
<ul class="list-group">
  <li class="list-group-item">
    Members per team
  </li>
  <li class="list-group-item">
    Data retention
  </li>
  <li class="list-group-item">
    Support
  </li>
  <li class="list-group-item">
    API Limiting
  </li>
</ul>
  • Members per team
  • Data retention
  • Support
  • API Limiting
<ul class="list-group list-group-sm">
  <li class="list-group-item">
    Members per team
  </li>
  <li class="list-group-item">
    Data retention
  </li>
  <li class="list-group-item">
    Support
  </li>
  <li class="list-group-item">
    API Limiting
  </li>
</ul>

Hover

Goodkit Exclusive

Combine .list-group-hover with .list-group-flush to add a shadow when you hover over list group items.

Floating Seat

First-come first-serve seating

$49/mo

Dedicated Desk

Desk in a community space

$99/mo

Small Office

2-10 person team offices

$299/mo
<div class="list-group list-group-flush list-group-hover">
  <li class="list-group-item">...</li>
  <li class="list-group-item">...</li>
  <li class="list-group-item">...</li>
</div>