Placer les div en boostraap les unes sous les autres

Résolu
flexi2202 Messages postés 3640 Date d'inscription   Statut Membre Dernière intervention   -  
flexi2202 Messages postés 3640 Date d'inscription   Statut Membre Dernière intervention   -
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

  1.
    jordane45 Messages postés 30426 Date d'inscription   Statut Modérateur Dernière intervention   4 830
     
    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
    0
  2. flexi2202 Messages postés 3640 Date d'inscription   Statut Membre Dernière intervention   190
     
    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
    0