CSS

Ajoutez le code ci-dessous à votre fichier CSS.
En fait, nous allons créer une class CSS intermédiaire aux class de colonnes existantes.

/*******************/
/* Bootstrap 5 Col */
/*******************/

.col-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xl-5 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
@media (min-width: 540px) {
    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 720px) {
    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 960px) {
    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 1140px) {
    .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

Puis ajoutez votre nouvelle class à votre code HTML

<div class="row">
  <div class="col-5">
    Colonne 1
  </div>
  <div class="col-5">
    Colonne 2
  </div>
  <div class="col-5">
    Colonne 3
  </div>
  <div class="col-5">
    Colonne 4
  </div>
  <div class="col-5">
    Colonne 5
  </div>
</div>