Skip to content
KolayCSS

List Groups

Group related items together. The active item is highlighted.

Live demo

  • KolayCSS v1.0 is live
  • 12-column responsive grid
  • Automatic <style> injection via JavaScript
  • No build step required

Code

<ul class="list-group">
  <li class="list-group-item active">Active item</li>
  <li class="list-group-item">Second item</li>
  <li class="list-group-item">Third item</li>
</ul>

Tip: put a link inside list-group-item to build a clickable list.