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	移除列表組專案的邊框和圓角

以下是一些列表組的示例

列印頁面