在动态php carousel中转换html carousel

Question

我有一个轮播，我想在动态轮播中进行更改，html结构如下：

 <div class="item active">
    <div class="col-md-3">demo</div>
    <div class="col-md-3">demo</div>
    <div class="col-md-3">demo</div>
    <div class="col-md-3">demo</div>
 </div>
  <div class="item">
    <div class="col-md-3">demo</div>
    <div class="col-md-3">demo</div>
    <div class="col-md-3">demo</div>
    <div class="col-md-3">demo</div>
 </div>

第一个div具有类active，第二个div没有active类，在包含演示数据项目类内部每隔4个div之后，item类div关闭，并使用item类打开新的div如何操作

这是我的php代码：

<?php $a=1; while($rfc=$resfc->fetch_array()) { if($a<=4){?>
     <!-- starts carousel -->
     <div class="item active"><?php } else {?> <div class="item"> <?php } ?>
          <div class="col-md-3">demo</div>
      </div>

 <?php $a++; }}?>

Answer 1

这样的代码应该可以满足您的需求：

<?php 
     $a=1; while($rfc=$resfc->fetch_array()) { 

     $active = ($a == 1) ? 'active' : ''; // set active or empty string

     echo '<!-- starts carousel -->
     <div class="item ' . $active . '">
          <div class="col-md-3">demo</div>
      </div>';

     if ($a % 4 == 0) {  // if it evenly divides by 4 with no remainder, add the closing and opening divs
        echo '</div><div class="item">';
     }
     $a++; }}