# 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="../../theme-development-with-varbase/understanding-the-vartheme-base-theme" %}
[understanding-the-vartheme-base-theme](https://docs.varbase.vardot.com/9.1.x/developers/theme-development-with-varbase/understanding-the-vartheme-base-theme)
{% endcontent-ref %}

{% content-ref url="../../theme-development-with-varbase/creating-your-own-theme" %}
[creating-your-own-theme](https://docs.varbase.vardot.com/9.1.x/developers/theme-development-with-varbase/creating-your-own-theme)
{% endcontent-ref %}