> For the complete documentation index, see [llms.txt](https://docs.varbase.vardot.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.varbase.vardot.com/9.2.x/developers/understanding-varbase/core-components/vartheme-bs4.md).

# Vartheme BS4

Base theme for Varbase standard websites. Based on Bootstrap 4 framework using SASS, and extending Barrio contrib theme.

## Vartheme (Bootstrap 4 - SASS) Theme

{% hint style="info" %}
Varbase front-end theme are bundled through the **Vartheme BS4** theme.\
GitHub: <https://github.com/Vardot/vartheme_bs4>\
Drupal.org: <https://www.drupal.org/project/vartheme_bs4>

After building a project using the `varbase-project` template, you can see the code of the **Vartheme BS4** theme in:
{% endhint %}

```
project_directory
|-- docroot
    |-- themes
        |-- contrib
            |-- vartheme_bs4
```

Brings in the following core and contributed themes to your site:

| Theme                                                                   | Purpose                                                                                     |
| ----------------------------------------------------------------------- | ------------------------------------------------------------------------------------------- |
| [**Bootstrap Barrio**](https://www.drupal.org/project/bootstrap_barrio) | A flexible Booststrap based theme, with many regions and a responsive, mobile-first layout. |

{% content-ref url="/pages/-MEqkr7hrMZIG-c8y57y" %}
[Understanding The Vartheme Base Theme](/9.2.x/developers/theme-development-with-varbase/understanding-the-vartheme-base-theme.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MA0MNwJI5boKlsGE0zA" %}
[Creating Your Own Theme](/9.2.x/developers/theme-development-with-varbase/creating-your-own-theme.md)
{% endcontent-ref %}