https://wiki.juguerin.com/ 2026-04-10T22:14:47+00:00 https://wiki.juguerin.com/ https://wiki.juguerin.com/lib/tpl/dokuwiki/images/favicon.ico text/html 2019-12-08T07:41:12+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.juguerin.com/doku.php?id=front:boostrap_4.1:les_colonnes:adaptabilite_des_colonnes&rev=1575790872&do=diff Adaptabilité des colonnes Nous avons vu dans le Principe de base comment séparer le contenu en plusieurs colonnes. Nous allons maintenant voir comment adapter dynamiquement ces colonnes en fonction de la largeur de l'écran. Admettons qu'on reprenne notre exemple précédent avec les 2 paragraphes de 6 colonnes chacun. Le problème c'est que pour un format mobile, ce ne serait pas lisible sur 2 paragraphes côte à côte. text/html 2019-12-08T07:41:12+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.juguerin.com/doku.php?id=front:boostrap_4.1:les_colonnes:principe_de_base&rev=1575790872&do=diff 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 :