Ces quelques lignes de CSS permettent de rendre visible les colonnes créées à partir de la grille Bootstrap. Cela peut s'avérer très pratique lors de la mise en place de la structure du site.

.row + .row {
  margin-top: 16px;
}

.row > .col,
.row > [class^=col-] {
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: rgba(86, 61, 124, .15);
  border: 1px solid rgba(86, 61, 124, .2);
}

Sans highlighter:

bootstrap_highlighter_1.png

Avec highlighter:

bootstrap_highlighter_2.png

<aside> ⬅️ Sur CodePen

</aside>

<aside> ➡️ Installation dans le starterkit

</aside>