css 1行に3列を表示

Question

私はPHPでプログラミングすることを学んでいますが、1行に3列の表示に問題があります。今

出力：あなたがここに数学的な操作の少しをしなければならない

<?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

。 $counterのようなカウンタ変数を使用して、各行に印刷される列の数を追跡し、3列ごとにカプセル化します。divs行にはdivが入ります。したがって、コードは次のようになります。

<?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>'; 
} 
?>