3つのアイテムごとに新しいdivクラスの行を作成する

Question

ギャラリーを作成しようとしています。3つのイメージごとに新しいdivを作成して、もう一度開始する必要があります（このhtmlをphp-sqlに変更しようとしています。私はこのPHPコード

<?php 
    //get images from database 
    $query = $con->query("SELECT * FROM images ORDER BY id"); 

    if($query->num_rows > 0){ 
    while($row = $query->fetch_assoc()){ 
    $imagethumb = 'images/thumb/'.$row["file_name"]; 
    $imagefront = 'images/'.$row["file_name"]; 

    $i = 0; 

    if($i++ % 3 == 0){ 
    ?> 
    <div class=" bd-layoutcontainer bd-columns bd-no-margins"> 
     <div class="bd-container-inner"> 
      <div class="container-fluid"> 
       <div class="row">        
        <div class="bd-columnwrapper-136 <?php 
         list($width, $height) = getimagesize($imagethumb);         
         if($width > 298){ 
          echo 'col-sm-6'; 
         }else{ 
          echo 'col-sm-3'; 
        } 
        ?>"> 
        <?php echo '<div class="bd-layoutcolumn-136 bd-column"> 
           <div class="bd-vertical-align-wrapper"> 
           <div class="bd-hoverbox-6 bd-effect-fade"> 
           <div class="bd-slidesWrapper">' ?> 
         <a href="<?php echo $imagethumb; ?>" data-fancybox="group" data-caption="<?php echo $row["title"]; ?>" > 
         <img src="<?php echo $imagefront; ?>" alt="" /> 
         </a> 
        <?php echo ' 
           </div> 
           </div> 
           </div> 
           </div>' 
        ?> 
        </div> 
      </div> 
     </div> 
    </div> 
    <?php 
     } 
     } 
     } 
?> 

と私は新しいdiv要素を作成するために、if文の$ I％3 == 0を使用していますが、私は他のダウンすべての画像1を得ることをしようとしています）

と画像のように3つの画像が並んでいない。 これは私が得るものです

他に何をすべきですか？

は、私は戻って

Answer 1

</div> 
<div class=" bd-layoutcontainer bd-columns bd-no-margins"> 

は、私が思う私はちょうど1つのdiv要素を持っ

 <div class=" bd-layoutcontainer bd-columns bd-no-margins"> 
     .............. 
    </div> 

を作成するために、すべての3 IMGSを必要とし、3を掛けたことはありませんDIV if文$ I％3 == 0おあなたの問題を解決するために近いタグを追加し、新しいdiv.Hopeを作成する必要があります。