Il est possible de modifier certaines caractéristiques de la grille en définissant des variables SCSS.

Par exemple:

// Nombre de colonnes dans la grille
$grid-columns: 12;

// Largeur des gouttières
$grid-gutter-width: 24px;

// Taille maximum du container, selon les breakpoints
$container-max-widths: (
  sm: 540px,
  md: 720px,
  lg: 960px,
  xl: 1140px,
  xxl: 1320px,
);

// Breakpoints
$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px,
  xxl: 1400px
);

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

<aside> ⚠️ Les variables doivent être définies avant l’import de la SCSS Bootstrap

</aside>