列表组用来显示一组关联的显示元素，Bootstrap提供了可以灵活使用的列表组组件list-group，本篇就来具体演示下。
2. 普通列表组用list-group类修饰ul元素，使用list-group-item类修饰li元素，即可创建列表组，代码如下：
普通列表组：
- 第1节
- 第2节
- 第3节
- 第4节
效果如下：
不仅可以针对ul、li组合应用列表组样式类，还可以对普通的div、a元素使用。
链接转换为列表组：
效果如下：
可以针对列表项应用一些样式，例如active表示选中样式，disabled表示禁用，还有一些常见的其他样式：
调整列表项样式
- active
- disabled
- list-group-item-info
- list-group-item-success
- list-group-item-warning
- list-group-item-danger
效果如下：
可以在列表项中添加徽章，有趣的是，徽章会自动的排列到列表组的右侧，如下：
带徽章列表组
- 收件箱class="badge">5
- 发件箱class="badge">5
- 草稿箱class="badge">5
- 回收站class="badge">5
效果如下：
列表项可以摆脱固定的文字内容，通过list-item-item-heading可以为列表项添加标题部分，然后通过list-group-item-text可以为列表项添加内容部分。
添加标题和内容
-
张三
一个英俊的小伙子
-
李四
一个优秀的小伙子
-
赵五
一个有前途的的小伙子
效果如下：
列表组其实并不算特别常用，但是如果有合适的场景，例如邮箱的导航，直接使用列表组无疑更加省心。
