在foreach循环中的每个具有6个内容的div之后添加一个具有5个内容的div

Question

So basically what I need to output is this..

I currently have this code. I'm very confused on how to proceed on this one.

  <?php
    $terms = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14,
    15, 16, 17, 18, 19, 20, 21, 22];
  ?>

  <div class="container text-center">
    <?php $count = 0; ?>
    <div class="row">
      <?php
        foreach($terms as $term) : ?>
        <?php if ($count == 6) :  ?>
     </div> 
      <div class="row">
      <?php $count = 1; endif; ?>

      <div class="col-sm-2">
      <?php echo $term; ?>
      </div>
      <?php $count++; endforeach; ?>
    </div>  
  </div>

Answer 1

Haven't tried but should work out if you have that $table array... Hope it helps...

$table = [ 
     0 => [1, 2, 3, 4, 5, 6],
     1 => [1, 2, 3, 4 ,5],
     2 => [1, 2, 3, 4, 5, 6],
     3 => [1, 2, 3, 4, 5]
]

 <div class="container text-center">
       <?php 
        foreach($table as $div) {
           echo '<div class="row">';
           foreach($div as $number) {
                if(count($div) == 5) {
                 $add_offset = " col-md-offset-1 ";
                }
                echo '<div class="col-md-2 '.$add_offset.'"';
                echo $number;
                echo '</div>';
           }
           echo '</div>';
        }
       ?>
 </div>

EDIT: Again, haven't tried it but you might have an idea of how it should work, maybe adapt a little bit if you get some errors or not exactly what you wanted. Worth the shot.

<?php
$terms = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22];   
$count = 0;
$ct = 0;

echo '<div class="container text-center">';
while($count != floor(count($terms)%6)) {
    echo '<div class="row">';
        $repeat = 6;
        if($count % 2 == 1) {
            $add_class = "col-md-offset-1";
            $repeat = 5;
        }
        while($ct != $repeat) {
            echo '<div class="col-sm-2 '.$add_class.' ">'.$ct.'</div>';
            $add_class = '';
            $ct++;
        }

    echo '</div>';
    $count++;
}
echo '</div>':

Answer 2

You can use CSS to select patterns of child elements. In this example, every 7th & 11th item are given unique margin properties that interact with other child elements. No need for PHP loops.

 .wrapper { max-width: 320px; text-align: center; } .item { display: inline-block; width: 48px; height: 46px; background-color: #000; } .item:nth-of-type(11n+0){ margin-right: 24px; } .item:nth-of-type(11n-4){ margin-left: 24px; } 

 <div class="wrapper"> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> </div>