Theme erstellen

Bootstrap 5 zur Erstellung von Themes nutzen

Gridbasierte Seitenlayouts, themespezifische Konfigurationsmöglichkeiten, angepasste Templates sowie der Import- und Export aller Theme-relevanten Einstellungen ermöglichen die Erstellung von Contao-Themes mit Bootstrap 5.

Layout

Templates

Griddefinitionen

Griddefinitionen im Theme verwalten

Ideal Für Redakteure: Nutzung der Griddefinitionen in Inhaltselementen, Formularen oder im Frontendmodul.

Grid

Navigation

Navigationsleisten und Navigationsmodule erstellen

Die Navbar-Komponente bietet ein flexibles Frontend-Modul für Navigationsleisten. Mitgeliefert werden angepasste Navigationstemplates in den Komponenten Navbar und Templates.

Navbar

Templates

Formulare

Gestalte maßgeschneiderte Formulare

Mit Formularlayouts und Gridsystem sind anspruchsvolle Anforderungen kein Problem. Selbst Input-Gruppen werden unterstützt. Integrierte Formulare in Contao sind bereits auf das Bootstrap-Markup abgestimmt.

Formular

Grid

Templates

Inhalte strukturieren

Komplexe Inhalte übersichtlich präsentieren

Komplexe Inhalte lassen sich dank leicht strukturieren. Eine spaltenbasierte Darstellung oder die Aufteilung in Tabs und Akkordions ist kein Problem.

Grid

Tab

Akkordeon

Download

Bootstrap für Contao ist über Composer / Contao Manager installierbar.

Bundle installieren

Das Bundle beinhaltet alle verfügbaren Komponenten. Dieses kann über den Contao Manager oder direkt mit Composer installiert werden.

composer require contao-bootstrap/bundle:~2.1.0 --no-dev -o

Es empfiehlt sich nur Bugfix-Releases zuzulassen, sodass bei einem neuen Minorrelease (z.B. 2.2) nicht automatisch neue Erweiterungen installiert werden. Die Komponenten selber erhalten über das Bundle auch neue Featurereleases.

Packagist

Github

Komponenten installieren

Statt das gesamte Bundle zu installieren, lassen sich auch nur die Komponenten auswählen, die im Projekt eingesetzt werden sollen.

composer require contao-bootstrap/layout:^2.0 --no-update
composer require contao-bootstrap/grid:^2.0 --no-update
composer update --no-dev -o

Damit können je Komponente unterschiedliche Versionsanforderungen gestellt werden.

Packagist

Github

Features

Theme erstellen

Griddefinitionen

Navigation

Formulare

Inhalte strukturieren

Download

Bundle installieren

Komponenten installieren