====== Principe de base ======

Avec Bootstrap, on considère que la totalité de la largeur d'un site est sur 12 colonnes.
Par exemple, si nous voulons mettre 2 paragraphes côte à côte, on répartis chaque paragraphe sur 6 colonnes (12/2=6)

Ce qui donnerait quelque chose comme :

{{:front:boostrap_4.1:les_colonnes:2paragraphes.jpg?800}}

En terme de code, il suffit de mettre la class bootsrap approprié:
<code html5>
<div class="col-lg-6">
  <p>Lorem ipsum dolor sit ...</p>
</div>
<div class="col-lg-6">
  <p>Lorem ipsum dolor sit ...</p>
</div>
</code>