Trais verticaux le longs des colonnes CSS

/* css */
.ma-classe-colonne {
  border: border-type border-size border-color;
}
/* exemple pour toutes les colonnes bootstrap */
[class^="col-"] {
  border: solid 1px red;
}

Pour affecter le css à une ou plusieurs colonnes définies, tu peux ajouter une deuxième classe dans l'attribut html class (voir les bases css).
Tu peux également utiliser le pseudo-selecteur nth-child(odd) et/ou nth-child(even) pour appliquer du css sur les éléments pairs et impairs d'un ensemble d'élément

Les colonnes sont tes div class="col-...", néamoins chacun de tes divs est inclus dans une ligne (row) donc l'ajout d'une bordure sur tes divs ne permet effectivement pas d'afficher les lignes de la grilles bootstrap sur toute la hauteur du site.

Pour afficher les lignes de la grilles bootstrap sur toute la hauteur du site, une solution possible est de créer une section contenant un ensemble de colonne vide et de positionner cette section en absolute et avec une hauteur de 100%.
On peut ajouter par exemple cette section html au début du document :

<section class="grille">
    <div class="row">
      <div class="col-xs-1" style=""></div>
      <div class="col-xs-1"></div>
      <div class="col-xs-1"></div>
      <div class="col-xs-1"></div>
      <div class="col-xs-1"></div>
      <div class="col-xs-1"></div>
      <div class="col-xs-1"></div>
      <div class="col-xs-1"></div>
      <div class="col-xs-1"></div>
      <div class="col-xs-1"></div>
      <div class="col-xs-1"></div>
      <div class="col-xs-1"></div>
    </div>
</section>

avec le code css associé :

.grille {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.grille .row {
  height: 100%;
}

.grille .col-xs-1 {
  height: 100%;
  border-left: 1px solid green;
}

Au passage, tes div class="row" devrait normalement être inclus dans un div class="container" ou class="container-fluid" : https://getbootstrap.com/css/#grid-intro

Je ne comprends pas trop ta remarque concernant les container ?

La classe row possède des marges négatives qui sont normalement compensé par le paddind de la classe container ou container-fluid.
La classe container permet de définir une largeur fixe et centré pour ton site en fonction de la résolution de l'écran (voir le tableau "Grid options" de la doc).
La classe container-fluid permet de définir une largeur de 100%.
Le lien de la doc dans mon précédent message explique plus en détail et montre plusieurs exemples.

Sur ma page tu peux me dire un exemple de comment faire sur un élément ?

Merci.