https://getbootstrap.com/docs/4.4/getting-started/introduction/

GENERAL :

Dans la balise <meta> de notre index.html , il faut rajouter

<meta name="viewport" content="width=device-width, initial-scale=1">

Les container peuvent avoir 2 classes :

• <div class="container" .. > La div est quoiqu'il arrive au milieu de l'écran
• <div class="container-fluid" ..> La div prend toute la largeur de la page

GRID SYSTEM :

• xs < 768px
• sm >= 768px
• md >= 992px
• lg >= 1200px

Bootstrap dispose de 12 points à attribuer en fonction de la disposition souhaitée de nos elements. Pour mettre deux elements côte a côte de la même taille on utilisera :

<div id="block1" class="col-md-6"> </div>
<div id="block2" class="col-md-6"> </div>

Il attribuera 6pts à chaque div - donc la moitié - lorsque on passe en mode "md 992px"

On peux cumuler les attributs :

<div id="block1" class="col-sm-6 col-md-4">

Pour affichage tablette tu m'en met 2 par lignes (12/2 = 6) Pour affichage desktop tu m'en met 3 par lignes (12/3 = 4)

Boostrap possède plusieurs classes CSS par défaut :