Baukasten
Hier sind einige der Elemente die bei der Erstellung von Webapplikationen benutzt werden. Sie sollen bei der Kommunikation und Planung der neuen Anwendung helfen.
Was sind List Groups?
List Groups stellen geordnete oder ungeordnete Inhalte als strukturierte Liste dar. Einträge können klickbar, deaktiviert oder farblich markiert sein und durch Badges oder Icons ergänzt werden. Sie eignen sich für Ergebnislisten, Seitenleisten-Menüs oder Aufgabenlisten in Verwaltungsoberflächen.
Default List Group
- An item
- A second item
- A third item
- A fourth item
- And a fifth one
Links and buttons
With Icons
- An item
- A second item
- A third item
- A fourth item
Numbered
- Cras justo odio
- Cras justo odio
- Cras justo odio
With badges
- A list item 14
- A second list item 2
- A third list item 1
With Contextual Classes
- A simple default list group item
- A simple primary list group item
- A simple secondary list group item
- A simple success list group item
- A simple danger list group item
- A simple warning list group item
- A simple info list group item
- A simple light list group item
- A simple dark list group item
With active and disabled items
- An active item
- A second item
- A third item
- A fourth item
- A disabled item
Clean list group
Add .list-group-flush to remove some borders and rounded corners to render list group items edge-to-edge in a parent container (e.g., cards).
- An item
- A second item
- A third item
- A fourth item
- A disabled item
With custom content
-
14SubheadingCras justo odio
-
14SubheadingCras justo odio
-
14SubheadingCras justo odio
Advanced Content
List group item heading
3 days agoSome placeholder content in a paragraph.
And some small print.List group item heading
3 days agoSome placeholder content in a paragraph.
And some muted small print.List group item heading
3 days agoSome placeholder content in a paragraph.
And some muted small print.With Checkboxes and radios
- First checkbox
- Second checkbox
- Third checkbox
- Fourth checkbox
- Fifth checkbox