# Designing Shopping Experiences with Bootstrap HTML code

The Shopware 6 Storefront is based on the Bootstrap framework. Due to our HC-Architecture® ThemeWare® of course it is also completely compatible with Bootstrap.&#x20;

On this page you will find the most common Bootstrap classes which you can apply to CMS blocks in your Shopping Experiences.

#### Shopware 6.4

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

#### Shopware 6.5

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

{% hint style="info" %}
**Tip**: You can find some examples of use in our demo shops on the "[Bootstrap examples](https://demo.themeware.design/modern/en/Services/Bootstrap-examples/)" pages.
{% endhint %}

Please note that the **HTML editor of Shopware 6** (e.g. in CMS elements) does not allow all HTML tags in individual HTML code and automatically sanitises the code for security reasons. This does not mean that Shopware or ThemeWare® are not compatible with Bootstrap. Everything you find on this page was implemented with the Shopware HTML editor. Some of the actual Bootstrap code has been modified for this purpose.

You can use Bootstrap in template files according to the Bootstrap documentation. The only restriction here is that Shopware does not provide all elements.

In terms of Shopping Experiences, there are special CMS elements in the Shopware Store that provide **alternative HTML editors** and thus offer you more freedom than the HTML editor in Shopware 6.

***

Coming soon...


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://knowledge.themeware.design/knowledge-base/tutorials/shopping-experiences/designing-shopping-experiences-with-bootstrap-html-code.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
