가장 기본적인 목록 그룹은 목록 항목이 있는 정렬되지 않은 목록입니다.


기본 목록 그룹을 만들기 위해, .list-group 클래스와 <ul> 요소를 사용하고,
.list-group-item 클래스와 <li> 요소를 사용하세요.

목록 그룹에 배지도 추가할 수 있습니다. 배지는 자동으로 오른쪽에 배치됩니다.

목록 그룹의 항목들은 하이퍼링크가 될 수도 있습니다. 마우스 오버시 회색 배경색이 추가됩니다:

링크된 항목을 가진 목록 그룹을 만들기 위해, <ul> 대신에 <div>를 사용하고,
<li> 대신에 <a>를 사용하세요.

.active 클래스를 사용하여, 현재 항목을 강조 표시하십시오.

아래의 목록 그룹에는 비활성화 항목이 있습니다.

항목을 비활성화하기 위해, .disabled 클래스를 추가하세요:

콘텍스추얼 클래스를 사용하여 목록 항목의 색상을 지정할 수 있습니다.
목록 항목의 색상을 지정하는 클래스는 다음과 같습니다:.list-group-item-success, .list-group-item-info, list-group-item-warning, .list-group-item-danger: