Home / Extensions / Bootstrap / Display Components
Bootstrap 5.3

Display Components

List groups, tables, spinners, and placeholder loading indicators

List Groups

List groups display a series of content in a flexible container:

Basic List Group
  • First item
  • Second item
  • Third item
  • Fourth item
Active & Disabled Items
  • Active item
  • Normal item
  • Another item
  • Disabled item
Flush (No Borders)
  • First item
  • Second item
  • Third item

List Group Variants

List group items can use contextual variant colors:

  • Primary item
  • Secondary item
  • Success item
  • Danger item
  • Warning item
  • Info item
  • Light item
  • Dark item

Spinners

Loading spinners for indicating processing state:

Border Spinners
Grow Spinners
Small Spinners

Tables

Styled tables with striping, borders, hover, and color variants:

Striped & Hover
#NameRoleStatus
1Alice JohnsonDeveloperActive
2Bob SmithDesignerActive
3Carol WhiteManagerAway
4Dan BrownQA EngineerOffline
Bordered & Small
IDProductPrice
101Widget A$9.99
102Widget B$14.99
103Widget C$19.99
Dark Variant
DateEventLocation
Feb 10Team MeetingRoom A
Feb 12Code ReviewRemote
Feb 14Sprint DemoRoom B

Placeholders

Placeholder loading indicators for content that hasn't loaded yet:

Various Widths
Color Variants
Sizes
← Back to Bootstrap Components
Explore all 10 component categories