Skip to main navigationSkip to main contentSkip to page footer
Loading...
Bootstrap Logo t3sbootstrap v5
Dokumentation
Installation
Konfiguration
EM config BE Modul TypoScript TSconfig BE Layouts CKEditor
Layout
Container Grid system
Komponenten
Button Cards
Card Layout
Settings Card Groups Card Decks Card Columns Card Slider Flipper Flipper mit Klick
Carousel Collapse Media Object Modal Tabs Toasts
Utilities
Fluidtemplate Image Rendering WebP Support Grid Columns Conditions JavaScript
Demo
OnePageLayout
Menus
Offcanvas Slide Menu Mega Menu
Section Menus
Sidebar Content
Image Manipulation Text & Medien Image Gallery Image hover Zoom Link Hover Effect Link Content Element Tabellen
Background Wrapper
Dokumentation Image No Media Local Video YouTube-Vimeo Video
Parallax Wrapper Background Image List Group Wrapper
Snippets
Full height section Content slide Template auslagern Grid order
Navbar
Navbar (extra row) Transparent Navbar Navigation color
Header Styling Pagebrowser Bild mit Copyright Fixed button
CSS & SCSS
CSS variables Custom SCSS CDN-Local Shadow
Flexforms
Extend Flexforms Modify Flexforms
Video Poster Druckversion Custom Translation Custom Order BS Callouts
Extend t3sbootstrap
Cookieconsent Contentconsent
Masonry Animate.css Font Awesome Pro PageTitle Provider Google Fonts Bootstrap Icons Lightbox Swiper
Extensions
News System News Slider Swiper Slider T3SBootstrap Grid Content Consent Indexed Search Faceted Search Content Animations Felogin Iconpack
  1. t3sbootstrap v5
  2. Demo
  3. List Group Wrapper

List Group Wrapper

Bildschirmfoto_2020-02-27_um_12
Bildschirmfoto_2020-02-27_um_12

Listengruppen sind eine flexible und leistungsstarke Komponente zum Anzeigen einer Reihe von Inhalten.

Alle verfügbaren Content-Elemente können eingestzt werden.

Hier habe ich ein Beispiel mit dem Content-Element "Mediaobject" angebracht.
Die Content-Elemente verfügen über einen "Link" und "Link the entire Content Element" ist aktiviert.

Beispiel:

8qZIhWE9TC6H4sYm64rwbA
Media Object

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

119_0907
Media Object

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

IMG_0265
Media Object

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Infos:

https://getbootstrap.com/docs/5.3/components/list-group/

 Impressum  |   Datenschutzerklärung

Cookie Optionen

Zuletzt aktualisiert am: 20.04.2025

back-to-top