css Anzeige 3 Spalten pro Zeile

Question

Ich lerne in PHP zu programmieren, habe ich Probleme, 3 Spalten pro Zeile anzuzeigen.

Der Ausgang jetzt:

<?php 

    $query = "SELECT * FROM DOCUMENTOS where EDUCATIVOS=1"; 
    $result = mysqli_query($conn,$query); 

    while($row=mysqli_fetch_array($result)) { 
     ?> 
      <div class="row"> 
       <div class="col-sm-4 img-portfolio"> 
        <a href="<?=$row['LINK_DOCUMENTOS'] ?>""> 
         <img class="img-responsive img-hover" src="<?=$row['LINK_IMAGEM'] ?>" alt=""> </a> 
         <h3><?=$row['NOME'] ?></h3> 
         <p><?=$row['DESCRICAO'] ?></p> 

       </div> 

     <?php 
     } 
    ?> 


    </div> 

Answer 1

Sie haben hier ein wenig mathematischen Operation zu tun. Verwenden Sie eine Zählervariable wie $counter, um zu verfolgen, wie viele Spalten in jeder Zeile gedruckt werden, und kapseln Sie alle drei Spalten divs mit einer Zeile div. Ihr Code sollte also so aussehen:

<?php 
$query = "SELECT * FROM DOCUMENTOS where EDUCATIVOS=1"; 
$result = mysqli_query($conn,$query); 

if(mysqli_num_rows($result)){ 
    $counter = 0; 
    echo '<div class="row">'; 
    while($row=mysqli_fetch_array($result)) { 
     if($counter != 0 && $counter % 3 == 0){ 
      echo '</div><div class="row">'; 
     } 
    ?> 
     <div class="col-sm-4 img-portfolio"> 
      <a href="<?=$row['LINK_DOCUMENTOS'] ?>""> 
      <img class="img-responsive img-hover" src="<?=$row['LINK_IMAGEM'] ?>" alt=""> </a> 
      <h3><?=$row['NOME'] ?></h3> 
      <p><?=$row['DESCRICAO'] ?></p> 
     </div> 

    <?php 
     ++$counter; 
    } 
    echo '</div>'; 
} 
?>