Bootstrap - 列表组演示

什么是列表组？

列表组是一个多功能组件，允许您以井井有条且视觉上吸引人的方式显示项目列表。列表组通常用于呈现一系列相关内容，例如文章集、评论或用户资料。

Bootstrap 提供了一组类，可用于添加和自定义列表组。

类	描述
.list-group	应用于<ul>元素以创建列表组容器
.list-group-item	应用于<li>元素，将其样式设置为列表组项目
.list-group-item-action	此类使列表组项目看起来具有交互性并对用户交互做出响应
.active	此类设置列表中活动的项目
.disabled	此类使列表中的项目失效
.list-group-item-{color}	自定义列表组项目的背景颜色
.list-group-item-{color}-text	自定义列表组项目文本的颜色
.list-group-item-{color}-active	使用指定的背景颜色突出显示选定的项目
.list-group-flush	移除列表组项目的边框和圆角

以下是一些列表组的示例

打印页面