Repositionnant des divs avec bootstrap 4: empilé sur mobile, côte à côte sur le bureau

Vous souhaitez réorganiser les divs bootstrap sur le mobile et les placer latéralement par côté Desktop.

Solution:

1. Disactiver Flexbox pour des largeurs plus grandes:
   Bootstrap 4's Flexbox attribue des hauteurs égales aux colonnes. Pour éviter cela, désactivez Flexbox pour les largeurs supérieures à un moyen. (A).

<div>

2. Attribuez l'ordre des colonnes:
   utilisez des classes d'ordre pour réorganiser les colonnes sur mobile. Dans ce cas, définissez l'ordre de la première colonne sur 1 (Order-1) et l'ordre de la deuxième colonne sur 0 (Order-0). Cela placera un ci-dessous B sur mobile, tout en conservant leur arrangement côte à côte sur le bureau.

<div>

Cette solution réalise la mise en page souhaitée, avec la colonne une hauteur et des colonnes restantes et c empilées sous le mobile.