VERSION 5.3.53 changelog
Doku für TYPO3 v12 & v13
Filtern nach
Kategorie
Thema

Dokumentation

Einstiegspunkt in die Dokumentation von t3sbootstrap – von der Installation über die Konfiguration bis zu Layout, Komponenten, Utilities und eigenen Fluidtemplates.

RedakteurIntegratorEntwickler
#Konfiguration#Installation & Update
Mehr über Dokumentation

Weiterführende Artikel 10

  • QuickstartQuickstartDer schnellste Weg zu einer ersten Seite mit t3sbootstrap: Extension installieren, Site Set einbinden, T3SB Config anlegen, Backend-Layout wählen und Inhalt einfügen.
  • InstallationInstallationt3sbootstrap per Composer oder Classic-Mode installieren – inkl. Site Settings, Scheduler Tasks und Bootswatch Themes.
  • KonfigurationKonfigurationÜbersicht über alle Stellschrauben von t3sbootstrap – von der Extension Configuration über TSconfig und TypoScript bis zum Backend-Modul, den Content-Elementen und dem CKEditor.
  • LayoutLayoutDie beiden Bausteine, aus denen jedes Bootstrap-Layout besteht: Container legen Breite und Außenabstand fest, das Grid-System teilt den Platz darin in Zeilen und Spalten.
  • KomponentenKomponentenDie interaktiven Bausteine von Bootstrap 5 als eigene TYPO3-Content-Elemente – Buttons, Cards, Slider, Collapse, Media Object, Modal, Tabs und Toasts.
  • UtilitiesUtilitiesBootstrap 5 Utility-Klassen in t3sbootstrap – Abstände, Farben und mehr ohne eigenes CSS anpassen.
  • FluidtemplateFluidtemplateEigene TypoScript-Libraries und Fluid-Templates per Fluidtemplate-CE in t3sbootstrap einbinden.
  • Image RenderingImage RenderingBildgrößen in t3sbootstrap: Automatische Berechnung für optimales responsives Image Rendering.
  • WebP SupportWebP SupportWebP in TYPO3: t3sbootstrap unterstützt das moderne Bildformat für maximale Performance.
  • JavaScriptJavaScriptJavaScript in t3sbootstrap: Bootstrap 5 ohne jQuery – vanilla JS für moderne TYPO3-Projekte.

Demo

Alle Content-Elemente von t3sbootstrap in Aktion – vom Seitenaufbau über Text, Bilder und Tabellen bis zu Hintergrundeffekten. Jede Demo zeigt das Ergebnis und die Einstellungen dahinter.

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…

EntwicklerRedakteur
#Komponenten#Grid & Layout
Mehr über Demo

Weiterführende Artikel 10

  • OnePageLayoutOnePageLayoutBeispiel für ein One-Page-Layout mit einem "Section Menu" in der Navbar von Bootstrap und der Extension t3sbootstrap.
  • Full height sectionFull height sectionFull Height Section in t3sbootstrap: bildschirmfüllende Abschnitte mit voller Viewport-Höhe.
  • MenusMenusWelche Navigation zu welcher Website passt – Offcanvas, Mega Menu und Section Menu jeweils als lauffähige Demo.
  • Text & MedienText & MedienText & Media in t3sbootstrap: Das universelle Content-Element für Texte, Bilder und Videos.
  • Image GalleryImage GalleryResponsive Bildergalerie mit Bootstrap-Grid direkt als Content-Element in TYPO3 erstellen.
  • TabellenTabellenBootstrap-Tabellen mit Kontextfarben und responsivem Verhalten in TYPO3 t3sbootstrap nutzen.
  • Background WrapperBackground WrapperBackground Wrapper in t3sbootstrap: Vollbreite-Sektionen mit Farbe, Bild oder Farbverlauf.
  • Parallax WrapperParallax WrapperParallax-Effekte mit Jarallax in t3sbootstrap: Bilder und Videos als scrollenden Hintergrund einbinden.
  • Background ImageBackground ImageFullscreen-Hintergrundbild in t3sbootstrap: Hero-Sections und visuelle Trennbereiche gestalten.
  • List Group WrapperList Group WrapperList Group Wrapper in t3sbootstrap: Inhalte als Bootstrap-Listengruppe strukturiert ausgeben.

Snippets

Kurze Anleitungen für wiederkehrende Aufgaben in t3sbootstrap – vom Auslagern der Templates über die zweite Navbar-Zeile bis zu eigenen FlexForm-Feldern.

EntwicklerIntegratorRedakteur
#Fluid-Templates#TypoScript & TSconfig
Mehr über Snippets

Weiterführende Artikel 6

  • Template auslagernTemplate auslagernFluid-Templates in t3sbootstrap sicher auslagern und updatefest individuell anpassen.
  • Navbar extra rowNavbar extra rowNavbar Extra Row Snippet: Zusätzliche Informationszeile über der Bootstrap-Navbar einrichten.
  • Bild mit CopyrightBild mit CopyrightBild mit Copyright-Angabe in t3sbootstrap korrekt ausgeben – Snippet für Fluid-Templates.
  • Extend FlexformsExtend FlexformsFlexforms in t3sbootstrap ohne eigene Extension um eigene Felder erweitern.
  • Video PosterVideo PosterVideo Poster in t3sbootstrap: Vorschaubild für Videos definieren und Ladezeit optimieren.
  • FooterFooterFooter anpassen in t3sbootstrap: Snippets für individuelle Fußzeilen mit Links, Icons und Copyright.

Extend t3sbootstrap

Zusätzliche Bibliotheken, die t3sbootstrap mitbringt und über die Konfiguration aktiviert: Cookieconsent, Masonry, Animate.css, Google Fonts und Lightbox.

t3sbootstrap Per Konfiguration aktiviert

IntegratorEntwickler
#Fluid-Templates#Komponenten
Mehr über Extend t3sbootstrap

Weiterführende Artikel 5

  • CookieconsentCookieconsentCookie Consent in t3sbootstrap: Besucher DSGVO-konform über Cookie-Nutzung informieren.
  • MasonryMasonryMasonry Grid Layout in t3sbootstrap: Pinterest-Style Kachel-Layout für TYPO3-Galerien.
  • Animate.cssAnimate.cssAnimate.css in t3sbootstrap: CSS-Animationen browserübergreifend und einfach konfigurierbar.
  • Google FontsGoogle FontsGoogle Fonts DSGVO-konform und performant lokal in t3sbootstrap einbinden.
  • LightboxLightboxLightbox-Plugins für Bilder und Galerien in t3sbootstrap – drei Varianten, kein jQuery nötig.

Extensions

Zwei Gruppen: Extensions, die für t3sbootstrap entwickelt wurden, und Extensions aus dem TYPO3-Umfeld, die für das Zusammenspiel mit t3sbootstrap angepasst sind.

t3sbootstrap Eigene und angepasste Extensions

RedakteurIntegrator
#Komponenten#Suche
Mehr über Extensions

Weiterführende Artikel 10

  • Bootstrap BuilderBootstrap BuilderDer T3SB Builder ist ein Backend-Modul, mit dem sich das komplette Bootstrap-5.3-Theme im TYPO3-Backend gestalten lässt – rund 200 Variablen in 24 Gruppen, mit Live-Vorschau und pro Site getrennt.
  • Content ConsentContent ConsentContent Consent in t3sbootstrap: Externe Inhalte erst nach aktiver Nutzereinwilligung laden.
  • Discogs CollectionDiscogs CollectionEXT:t3s_discogs verbindet TYPO3 mit der Discogs API und zeigt deine Vinyl- oder CD-Sammlung mit Cover-Bildern, Tracklisten, Mitwirkenden und Bewertungen an. Konfigurierbar per FlexForm, Grid- und Listenansicht – für…
  • News SliderNews SliderNews Slider in t3sbootstrap: aktuelle Beiträge aus EXT:news als Bootstrap-Karussell ausgeben.
  • Swiper SliderSwiper SliderSwiper Slider in t3sbootstrap: touch-fähiger, responsiver Slider mit vielen Konfigurationsoptionen.
  • Content AnimationsContent AnimationsContent Animations als moderne Alternative zu Animate.css – AOS-Bibliothek in TYPO3 nutzen.
  • Faceted SearchFaceted SearchFaceted Search in t3sbootstrap: filterbasierte Suche mit Facetten für Kataloge und Archive.
  • IconpackIconpackIconpack in t3sbootstrap: eigene Icon-Sets im TYPO3-Backend und Frontend registrieren und nutzen.
  • Indexed SearchIndexed SearchIndexed Search in t3sbootstrap: TYPO3-Volltextsuche mit Bootstrap-Template einbinden.
  • News SystemNews SystemEXT:news in t3sbootstrap: Custom Templates für List- und Detail-View von Newsartikeln und Blogbeiträgen.
Installation Quickstart
TER GitHub