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

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.