Placer les div en boostraap les unes sous les autres [Résolu]

Signaler
Messages postés
2914
Date d'inscription
lundi 14 mars 2011
Statut
Membre
Dernière intervention
19 juin 2021
-
Messages postés
2914
Date d'inscription
lundi 14 mars 2011
Statut
Membre
Dernière intervention
19 juin 2021
-
bonjour a tous

voici une boucle en php

        <div class="container" style=" min-width:900px;max-width: 100%;margin:auto;">
        <?php foreach($exemple as $donnees){?>
      <div class="row">
       <div class="card"style=" width: 20%;">
        <div class="card-body">
         <p class="card-text"><?= $donnees['pseudo'] ?></p>
        </div>
       </div>
       <div class="card"style=" width: 80%;">
        <div class="card-body">
         <p class="card-text"><?= $donnees['message'] ?></p>
        </div>
       </div>  

      </div>
        <?php
}   
?>
     </div>
       
       
   


jusque la pas de soucis mes données sont bien affichées en tableau et la boucle c est ok

donc mon résultat est une colonne avec les pseudo et l autre les message

a présent je souhaiterais que sur un petit écran
il y a
pseudo1
message1
pseudo2
message2
pseudo3
message 3
pseudo4
message4

merci de l aide

2 réponses

Messages postés
32986
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
18 juin 2021
3 563
Visiblement, tu n'as toujours pas cherché à comprendre comment fonctionne le systeme de grille de bootstrap...
Je t'invite donc ( encore une fois) à te former dessus... par exemple, en commençant par
https://getbootstrap.com/docs/4.0/layout/grid/

Et en complément, un exemple qui semble ressembler à ce que tu veux faire
https://getbootstrap.com/docs/4.0/components/card/#using-grid-markup
Messages postés
2914
Date d'inscription
lundi 14 mars 2011
Statut
Membre
Dernière intervention
19 juin 2021
138
merci pour la réponse
je suis occuper a m y intéresser de façon plus approfondie
mais il y a toujours des subtilités qui m échappe
mais bon voila cela est regle
pour moi les card de boostrap c est juste magique