# How to Use Bootstrap with Sage

::: warning Setup Sass first
See [how to use Sass](./sass.md) before you follow this guide
:::

## Install Bootstrap

Add Bootstrap as a dependency:

```shell
$ npm install --save bootstrap @popperjs/core
```

Add Bootstrap to `resources/css/app.scss`:

```scss
@import "bootstrap/scss/bootstrap";
```

::: tip Bootstrap's Vite docs
See [Bootstrap's Vite docs](https://getbootstrap.com/docs/5.2/getting-started/vite/) for more information.
:::