# TYPO3 Bootstrap Package: Das beliebte Theme im Überblick

Das TYPO3 Bootstrap Package bietet ein vollständig funktionsfähiges Theme für TYPO3 auf Basis des beliebten CSS-Frameworks Bootstrap. Das Paket kombiniert das Enterprise-Content-Management von TYPO3 mit modernen Website-Builder-Features. Die Installation ist in wenigen Minuten erledigt.

## Was ist das TYPO3 Bootstrap Package?

Das TYPO3 Bootstrap Package (`bootstrap_package`) ist ein **Theme** für das Content-Management-System [TYPO3](https://www.ionos.at/digitalguide/hosting/cms/typo3-ein-cms-mit-grosser-funktionsvielfalt/), das auf dem **quelloffenen Frontend-Framework** [Bootstrap](https://www.ionos.at/digitalguide/websites/web-entwicklung/bootstrap-tutorial-die-ersten-schritte/) basiert. Es sorgt mit zusätzlichen Seitenlayouts und Content-Elementen sowie erweiterten Einstellungsmöglichkeiten für Hintergrundfarben und Hintergrundbilder dafür, dass Sie bei der Gestaltung Ihrer TYPO3-Inhalte maximale Flexibilität genießen.

Das TYPO3 Bootstrap Package greift ausschließlich auf Best Practices zurück, die vom TYPO3-Entwicklerteam empfohlen wurden. Aus diesem Grund ist die Erweiterung immer auf dem neuesten Stand und **mit allen aktuellen Versionen des CMS kompatibel**. Das gesamte Paket ist – wie auch das zugrundeliegende [CSS](https://www.ionos.at/digitalguide/websites/webdesign/was-ist-css/)-Framework – kostenfrei nutzbar und wird auf GitHub gehostet, weiterentwickelt und gepflegt.

## Welche Features zeichnen das TYPO3 Bootstrap Package aus?

Das Bootstrap Package für TYPO3 ist ein vollständig konfiguriertes TypoScript-Setup, das als statische Vorlage bereitgestellt wird. Aus diesem Grund lässt sich das Template beliebig **über TYPO3-Konstanten (Constants) individualisieren**. Zudem ist das Rendering von TYPO3 durch eigene Layouts und [Section Frames](https://www.bootstrap-package.com/content-examples/and-more/frames "TYPO3-Frames auf bootstrap-package.com") für alle Content-Elemente an die Bedürfnisse des Bootstrap-Frameworks angepasst.

Ferner bringt das TYPO3 Bootstrap Package **folgende Features** mit sich, um das Content-Management zu optimieren und mehr Flexibilität bei der Frontend-Gestaltung zu bieten:

- **Bootstrap-spezifische Inhaltselemente**: Akkordeon, Karussel, Registerkarte (Tab), Text & Icon, List Group (Anzeige einer Reihe von Inhalten), externe Medien
- **Individuelle Seiten-Layouts**
- **Eingebauter [Less-CSS](https://www.ionos.at/digitalguide/websites/web-entwicklung/less-css-tutorial/)-Parser**: Alle Variablen sind über den Konstanten-Editor konfigurierbar; Less-Support in der CSS-Datei *page.includeCSS*
- **Backend-Layouts via PageTsConfig**

Tipp Wenn Sie Ihre eigene [TYPO3-Website erstellen](https://www.ionos.at/digitalguide/websites/webseiten-erstellen/typo3-website-erstellen/) und dabei auf ein Framework zurückgreifen möchten, ist Bootstrap natürlich nicht die einzige verfügbare Option. In einem separaten Artikel haben wir fünf leistungsstarke [Bootstrap-Alternativen](https://www.ionos.at/digitalguide/websites/web-entwicklung/bootstrap-fuenf-alternativen-zum-twitter-framework/) zusammengefasst.

## Wie installiert man das TYPO3 Bootstrap Package?

Sie können das TYPO3 Bootstrap Package auf zwei verschiedene Arten einrichten: Haben Sie [TYPO3 mit Composer installiert](https://www.ionos.at/digitalguide/hosting/cms/typo3-composer/), können Sie den PHP-Paketmanager auch für die Installation der Extension verwenden. Andernfalls laden Sie das Paket einfach manuell herunter und installieren es in gewohnter Manier über das TYPO3-Backend.

### TYPO3 Bootstrap Package mit Composer installieren

Für die Installation der Extension mit dem beliebten Manager-Tool Composer führen Sie einfach folgendes Kommando aus:

```bash
composer req bk2k/bootstrap-package
```

Anschließend aktivieren Sie die Erweiterung mithilfe des passenden Keys `bootstrap_package` und folgendem Befehl:

```bash
./vendor/bin/typo3 extension:activate bootstrap_package
```

### TYPO3 Bootstrap Package via TYPO3-Backend installieren

Wenn Sie den gewöhnlichen Weg gewählt haben, um [TYPO3 zu installieren](https://www.ionos.at/digitalguide/hosting/cms/typo3-installieren-anleitung/), können Sie Extensions wie das TYPO3 Bootstrap Package auch ganz bequem über das Backend einbinden. Hierfür wählen Sie zunächst unter „Admin Tools“ bzw. „Verwaltungs- und Pflegewerkzeuge“ die Option „**Erweiterungen**“ aus:

[![Bild: TYPO3-Backend: Erweiterungen-Menü](https://www.ionos.at/digitalguide/fileadmin/_processed_/6/f/csm_typo3-backend-erweiterungen_892e0dfd67.webp "TYPO3-Backend: Erweiterungen-Menü")](https://www.ionos.at/digitalguide/fileadmin/DigitalGuide/Screenshots_2024/typo3-backend-erweiterungen.png) Der „Erweiterungen“-Bereich im TYPO3-Backend ist eng an das offizielle Extension-Repository des Content-Management-Systems geknüpft. Wählen Sie im oberen Auswahlfenster die Option „**Erweiterungen hinzufügen**“ aus und suchen Sie mithilfe der Suchfunktion nach der Bootstrap-Erweiterung, indem Sie den Extension Key `bootstrap_package` eintippen und die Suche über das Lupen-Icon starten. Abschließend drücken Sie bei dem passenden Resultat auf „**Importieren und installieren**“:

[![Bild: TYPO3 Bootstrap Package im TYPO3-Backend](https://www.ionos.at/digitalguide/fileadmin/_processed_/2/e/csm_typo3-backend-bootstrap-package_a6121240d7.webp "TYPO3 Bootstrap Package im TYPO3-Backend")](https://www.ionos.at/digitalguide/fileadmin/DigitalGuide/Screenshots_2024/typo3-backend-bootstrap-package.png) Im Feld „Schlüssel“ sehen Sie bei der korrekten Erweiterung den Extension Key „bootstrap\_package“.


This is a markdown version of: [https://www.ionos.at/digitalguide/hosting/cms/typo3-bootstrap-package/](https://www.ionos.at/digitalguide/hosting/cms/typo3-bootstrap-package/) for AI/LLM consumption.