Bootstrap4 列表组大部分基础列表组都是无序的要创建列表组,可以在
元素上添加 .list-group 类, 在 - 元素上添加 .list-group-item 类:实例
- First item
- Second item
- Third item
尝试一下 »激活状态的列表项通过添加 .active 类来设置激活状态的列表项:实例 - Active item
- Second item
- Third item
尝试一下 »禁用的列表项.disabled 类用于设置禁用的列表项:实例 - Disabled item
- Second item
- Third item
尝试一下 »链接列表项要创建一个链接的列表项,可以将
水平列表组
我们可以将 .list-group-horizontal 类添加到 .list-group 类后面来创建水平列表组:
实例
First item
Second item
Third item
Fourth item
尝试一下 »
多种颜色列表项

列表项目的颜色可以通过以下列来设置: .list-group-item-success, list-group-item-secondary, list-group-item-info, list-group-item-warning, .list-group-item-danger, list-group-item-dark 和 list-group-item-light:
实例
成功列表项
次要列表项
信息列表项
警告列表项
危险列表项
主要列表项
深灰色列表项
浅色列表项
尝试一下 »
链接的多种颜色列表项
实例
激活列表项
成功列表项
次要列表项
信息列表项
警告列表项
危险列表项
主要列表项
深灰色列表项
浅色列表项
尝试一下 »
举报 0