始终在每个循环的结尾处显示特定结果

Question

I got a project page that echoes multiple projects in a foreach loop, and every 4 results it starts a new row on the page.

However I got an element that always needs to be shown as the last result. How can I achieve that?

My foreach loop:

<? 
$tel = 1;

foreach ($projectcr as $project) {
$article_images = $project['images']; // Get image parameters of the article

$pictures = json_decode($article_images); // Split the parameters apart
$introtext = $project['introtext'];
    if ($project['title'] != '') {
        if($tel == 1) {
            echo '<div class="row">';   
        }
        echo '
        <div class="col-xs-12 col-sm-6 col-lg-3 js-wpg-item" data-categories="gardening">
            <a class="card  portfolio-grid__card js-wpg-card" href="project/'.$project['alias'].'.html">
                <img src="cms/'.$pictures->{'image_intro'}.'" class="card-img-top portfolio-grid__card-img wp-post-image" alt="19" height="240" width="360">
                <div class="card-block portfolio-grid__card-block">
                    <h5>'.$project['title'].'</h5>
                    <p>'.$project['created'].'</p>
                </div>
            </a>
        </div>'
            ;

        if(($tel % 4) == 0){
            echo '</div> <div class="row">'; 
        }
        $tel++; 
    }
} 
if(($tel % 4) != 0){
    echo '</div>';
}
?>

The element I want to be shown as last block:

<div class="row">
    <div class="col-xs-12 col-sm-6 col-lg-3 js-wpg-item" data-categories="">
        <div class="portfolio-grid__card portfolio-grid__card--dummy js-wpg-card" href="projects/">
            <div class="portfolio-grid__card-block text-center">
                <span class="fa fa-cloud-upload fa-2x"></span>
                <h5>Uw volgende project hier?</h5>
                <p class="portfolio-grid__card-text">
                    <a href="contact.php" class="btn btn-primary">NEEM CONTACT OP</a>
                </p>
            </div>
        </div>
    </div><!-- /.col -->

</div><!-- /.row -->

This has the following result:

The element is now shown outside the row, while I need it to be inside the row (but only the last one).

Answer 1

Change your last if condition just after ending foreach

if(($tel % 4) != 0){
    //echo div.col-... inside .row started in loop
    echo '<div class="col-xs-12 col-sm-6 col-lg-3">always to be shown at last</div>';
    //end .row
    echo '</div>';
}