Динамически разделить столбцы div

Question

код, который я написал ниже, работает нормально, но в конце цикла div не закрывается, он все еще открывает цикл

<div class="carousel-inner">
    <div class="item active">
       <div class="row">
        <?php 
        $recent_projects_sql="SELECT * from recent_projects where service_type='upholstery'";   
        $recent_projects_conn=mysql_query($recent_projects_sql) or die(mysql_error()); 
        $i=0; $split=0;

        while($projects=mysql_fetch_array($recent_projects_conn)) {   
             $i++; 
             ?>
             <div class="col-sm-3">
                <div class="col-item" style="">
                    <div class="photo-shadow"></div>
                    <div class="photo">
                        <img src="admin/assets/images/uploads/projects/<?php echo $projects['attachment1']; ?>" alt="User one">
                    </div>
                    <div class="info">
                        <div class="name">
                            <?php echo $projects['service_name']; ?>
                        </div>
                        <div class="degination">
                            <?php echo $projects['sub_title']; ?>
                        </div>
                        <div class="buttons">
                            <a class="btn btn-theme ripple-effect" href="#">View More</a>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
            <?php 
            $split++;   
            if ($split % 4 == 0){  
               echo '</div></div><div class="item"><div class="row">';  
            }   
       }
       ?>
        </div>
    </div>
</div> 

Div разделился очень хорошо, но в конце цикла divне был закрыт.Это только проблема, пожалуйста, предоставьте мне помощь, чтобы решить проблему

Когда я проверяю элемент, последний цикл будет отображаться с заданным результатом следующим образом:

<div class="col-sm-3">
    <div class="col-item">
        <div class="photo-shadow"></div>
        <div class="photo">
            <img src="admin/assets/images/uploads/projects/1557301934.jpg" alt="User one">
        </div>
        <div class="info">
            <div class="name">UPHOLSTERY</div>
            <div class="degination">UPHOLSTERY</div>
            <div class="buttons">
                <a class="btn btn-theme ripple-effect" href="#">View More</a>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div> 
</div></div><div class="item"><div class="row">

Я хочу удалитьдва вступительных дивы так же динамично.Как я могу установить это, чтобы удалить открытые div в конце цикла

Answer 1

Вы можете сделать это:

<div class="carousel-inner">
<?php 
$recent_projects_sql="SELECT * from recent_projects where service_type='upholstery'";   
$recent_projects_conn=mysql_query($recent_projects_sql) or die(mysql_error()); 
$i=0; $split=0;

while($projects=mysql_fetch_array($recent_projects_conn)) {   
     $i++; 
?>
    <div class="item <?php if($i==1) echo "active";?>">
       <div class="row">
             <div class="col-sm-3">
                <div class="col-item" style="">
                    <div class="photo-shadow"></div>
                    <div class="photo">
                        <img src="admin/assets/images/uploads/projects/<?php echo $projects['attachment1']; ?>" alt="User one">
                    </div>
                    <div class="info">
                        <div class="name">
                            <?php echo $projects['service_name']; ?>
                        </div>
                        <div class="degination">
                            <?php echo $projects['sub_title']; ?>
                        </div>
                        <div class="buttons">
                            <a class="btn btn-theme ripple-effect" href="#">View More</a>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<?php 
}
?>
</div>