Die Komponenten von Bootstrap 5 sind in t3sbootstrap eigene Content-Elemente. Statt Markup mit den richtigen Klassen und data-Attributen von Hand zu schreiben, füllst du im Backend ein Formular – das Frontend bekommt daraus die Struktur, die Bootstrap erwartet.

Für Inhalte, die sich wiederholen, sind Cards und das Media Object zuständig; Buttons setzen den Handlungsaufruf darunter.

Wird es platzsparend, übernehmen die einklappbaren Elemente: Slider für wechselnde Inhalte, Collapse für Akkordeons, Tabs für parallele Ansichten. Modal und Toasts legen sich über die Seite, statt Platz zu beanspruchen.

Bei allen interaktiven Komponenten gilt dieselbe Stolperfalle: die IDs müssen auf einer Seite eindeutig sein. Setzt du dieselbe Komponente mehrfach ein, sorgt t3sbootstrap dafür – bei eigenem Markup musst du selbst darauf achten.