Bootstrap 列表组
本章我们将讲解列表组。列表组件用于以列表形式呈现复杂的和自定义的内容。创建一个基本的列表组的步骤如下：
向元素
- 添加 class .list-group。
向添加 class .list-group-item。下面的实例演示了这点：
Bootstrap 实例 - 基本的列表组
免费域名注册
免费 Window 空间托管
图像的数量
24*7 支持
每年更新成本
结果如下所示：
向列表组添加徽章
我们可以向任意的列表项添加徽章组件，它会自动定位到右边。只需要在
元素中添加 即可。下面的实例演示了这点：Bootstrap 实例 - 向列表组添加徽章
免费域名注册
免费 Window 空间托管
图像的数量
新
24*7 支持
每年更新成本
新
折扣优惠
结果如下所示：
向列表组添加链接
通过使用锚标签代替列表项，我们可以向列表组添加链接。我们需要使用 代替
- 元素。下面的实例演示了这点：
Bootstrap 实例 - 向列表组添加链接 免费域名注册 24*7 支持 免费 Window 空间托管 图像的数量 每年更新成本结果如下所示：
向列表组添加自定义内容
我们可以向上面已添加链接的列表组添加任意的 HTML 内容。下面的实例演示了这点：
Bootstrap 实例 - 向列表组添加自定义内容 入门网站包
免费域名注册
您将通过网页进行免费域名注册。
24*7 支持
我们提供 24*7 支持。
商务网站包
免费域名注册
您将通过网页进行免费域名注册。
24*7 支持
我们提供 24*7 支持。
结果如下所示：
