List Group Basics

Bootstrap's .list-group component creates a stylized list of items. Add .list-group-item to each child element.

Example

<ul class="list-group">
  <li class="list-group-item">HTML</li>
  <li class="list-group-item">CSS</li>
  <li class="list-group-item">JavaScript</li>
</ul>

HTML

Full Editor

Pro Tip

Use

when items are not semantically list items.

Related Resources

Bootstrap Reference

Complete tag & property list

Bootstrap How-To Guides

Step-by-step practical guides

Bootstrap Exercises

Practice what you've learned