List Groups

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.

Default

  • Hand luggage safety room.
  • Book library available
  • Fast check-in included 
<ul class="list-group">
  <li class="list-group-item d-flex align-items-center">
    <i class="icon-check fs-22 text-primary"></i>
    <span>Hand luggage safety room.</span>
  </li>
  <li class="list-group-item d-flex align-items-center">
    <i class="icon-check fs-22 text-primary"></i>
    <span>Book library available</span>
  </li>
  <li class="list-group-item d-flex align-items-center">
    <i class="icon-check fs-22 text-primary"></i>
    <span>Fast check-in included</span>
  </li>
</ul>
Copy

Minimal

  • Hand luggage safety room.
  • Book library available
  • Fast check-in included 
<ul class="list-group list-group-minimal">
  <li class="list-group-item d-flex align-items-center">
    <i class="icon-check fs-22 text-primary"></i>
    <span>Hand luggage safety room.</span>
  </li>
  <li class="list-group-item d-flex align-items-center">
    <i class="icon-check fs-22 text-primary"></i>
    <span>Book library available</span>
  </li>
  <li class="list-group-item d-flex align-items-center">
    <i class="icon-check fs-22 text-primary"></i>
    <span>Fast check-in included</span>
  </li>
</ul>
Copy