> For the complete documentation index, see [llms.txt](https://wiki.themeware.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wiki.themeware.design/wissensdatenbank/anleitungen/erlebniswelten/erlebniswelten-mit-bootstrap-html-code-gestalten.md).

# Erlebniswelten mit Bootstrap HTML-Code gestalten

Die Shopware 6 Storefront basiert auf dem Bootstrap-Framework. Aufgrund unserer HC-Architecture® ist ThemeWare® selbstverständlich ebenfalls vollständig kompatibel mit Bootstrap.

Auf dieser Seite findest du die gängigsten Bootstrap-Elemente welche du in deinen Erlebniswelten nutzen kannst.

#### Shopware 6.4

In Shopware 6.4 nutzt die Storefront [Bootstrap 4](https://getbootstrap.com/docs/4.0/getting-started/introduction/).

#### Shopware 6.5

In Shopware 6.5 nutzt die Storefront [Bootstrap 5](https://getbootstrap.com/docs/5.2/getting-started/introduction/).

{% hint style="info" %}
**Tipp**: Anwendungsbeispiele findest du in unseren Demoshops auf den Seiten "[Bootstrap-Beispiele](https://demo.themeware.design/modern/Service/Bootstrap-Beispiele/)".
{% endhint %}

Bitte beachte, dass der **HTML-Editor von Shopware 6** (z.B. in CMS-Elementen) individuellen HTML-Code – aus Sicherheitsgründen – nicht alle HTML-Tags erlaubt und den Code automatisch bereinigt. Das bedeutet nicht, dass Shopware bzw. ThemeWare® nicht kompatibel mit Bootstrap ist. Alles was du auf dieser Seite findest kann mit dem HTML-Editor von Shopware umgesetzt werden. Dafür wurde der eigentlich Bootstrap-Code ggf. leicht modifiziert.

In Template-Dateien kannst du Bootstrap entsprechend der Bootstrap-Dokumentation nutzen. Hier gibt es lediglich die Einschränkung das Shopware ggf. nicht alle Bootstrap-Elemente bereitstellt.

Im Bereich Erlebniswelten gibt es spezielle CMS-Elemente im Shopware Store, welche **alternative HTML-Editoren** bereitstellen und dir damit mehr Freiheiten bieten als der HTML-Editor von Shopware 6.

***

Folgt bald...