1. Si ce n’est pas encore fait, installer le starterkit en choisissant des feuilles de style SCSS

2. Dans le terminal, se rendre dans le bon dossier (ou ouvrir le terminal dans Visual Studio Code), puis entrer la commande:

npm install bootstrap

3. Depuis un fichier SCSS (par exemple main.scss), importer la CSS de la grille Boostrap:

@import "bootstrap/scss/bootstrap-grid";

4. Tester avec deux colonnes dans le HTML:

<div class="container">
  <div class="row">
    <div class="col">colonne 1</div>
    <div class="col">colonne 2</div>
  </div>
</div>

5. Lancer le projet normalement avec la commande:

npm run dev

Les deux colonnes devraient s’afficher côte à côte:

<aside> ⬅️ Layout highlighter

</aside>

<aside> ➡️ La grille

</aside>