列表组

基本

最基本的列表组只使用了无序列表并添加了必须的类。

• 1. CSS3 选择器
• 2. CSS3 边框
• 3. CSS3 背景
• 4. CSS3 文本
• 5. CSS3 进阶

带边框

在列表组上添加 .list-group-bordered 类实现。

• 1. CSS3 选择器
• 2. CSS3 边框
• 3. CSS3 背景
• 4. CSS3 文本
• 5. CSS3 进阶

带分割线

在列表组上添加 .list-group-dividered 来实现。

• 1. CSS3 选择器
• 2. CSS3 边框
• 3. CSS3 背景
• 4. CSS3 文本
• 5. CSS3 进阶

带徽章

在列表项中添加徽章。

• 6 CSS3 选择器
• CSS3 边框
• 3 CSS3 背景
• 10 CSS3 文本
• CSS3 进阶

列表项为链接

列表项为链接意味着列表组是 <div> 或其他元素而不是 <ul> 。

背景

通过添加 .bg-* 来实现，您也可以添加 .bg-inherit 类。

上下文类

使用上下文类来定义列表项，可以为默认或者链接，也可以包含选中的类 .active 来表示状态。

• CSS3 选择器
• CSS3 边框
• CSS3 背景
• CSS3 文本
• CSS3 进阶

自定义内容

我们可以向上面已添加链接的列表组添加任意的 HTML 内容。

间隙

添加 .list-group-gap 来使列表项之间保留间隙。

• 收件箱
• 简介
• 通知
• 消息
• 书签

媒体列表组

包含了图片，用户名和描述的列表组。

• 

  江冰

  话说。。缪定纯老师单身吗

• 

  五花肉

  快去各大招聘网站投简历！！！来来来！

• 

  紫萱

  老板咱们公司看病能报销，你去看看眼睛。

• 

  永不服输的Shirley

  你觉得我萌，我就放心了。。。