Sehen, was geht

Was t3sbootstrap kann, lässt sich schlecht beschreiben und gut zeigen. Die folgenden Seiten sind keine Screenshots, sondern echte Ausgaben – gebaut mit denselben Content-Elementen, die du nach der Installation im Backend hast.

Beim Seitenaufbau fängt es an: das OnePageLayout setzt mehrere Abschnitte auf eine Seite, die Full height section füllt den Bildschirm, und unter Menüs stehen Offcanvas, Mega Menu und Section Menu nebeneinander.

Für die Inhalte selbst: Text & Medien zeigt die Kombinationen aus Text und Bild, die Image Gallery die Galerie-Varianten, Tabellen die responsiven Tabellen und der List Group Wrapper gegliederte Listen.

Bleibt der Hintergrund: Background Wrapper für farbige Abschnitte, Background Image für Bilder hinter dem Inhalt und Parallax Wrapper, wenn sich beim Scrollen etwas bewegen soll.

Filtern nach
Kategorie
Thema

OnePageLayout

Beispiel für ein One-Page-Layout mit einem "Section Menu" in der Navbar von Bootstrap und der Extension t3sbootstrap.

Redakteur
#Grid & Layout

Full height section

Full Height Section in t3sbootstrap: bildschirmfüllende Abschnitte mit voller Viewport-Höhe.

Redakteur
#Grid & Layout

Menus

Welche Navigation zu welcher Website passt – Offcanvas, Mega Menu und Section Menu jeweils als lauffähige Demo.

Redakteur
#Navigation & Menüs

Text & Medien

Text & Media in t3sbootstrap: Das universelle Content-Element für Texte, Bilder und Videos.

Redakteur
#Bilder & Medien

Image Gallery

Responsive Bildergalerie mit Bootstrap-Grid direkt als Content-Element in TYPO3 erstellen.

Redakteur
#Bilder & Medien

Tabellen

Bootstrap-Tabellen mit Kontextfarben und responsivem Verhalten in TYPO3 t3sbootstrap nutzen.

Redakteur
#Komponenten

Background Wrapper

Background Wrapper in t3sbootstrap: Vollbreite-Sektionen mit Farbe, Bild oder Farbverlauf.

Redakteur
#Grid & Layout

Parallax Wrapper

Parallax-Effekte mit Jarallax in t3sbootstrap: Bilder und Videos als scrollenden Hintergrund einbinden.

Redakteur
#JavaScript & Animation

Background Image

Fullscreen-Hintergrundbild in t3sbootstrap: Hero-Sections und visuelle Trennbereiche gestalten.

Redakteur
#Bilder & Medien

List Group Wrapper

List Group Wrapper in t3sbootstrap: Inhalte als Bootstrap-Listengruppe strukturiert ausgeben.

Redakteur
#Komponenten