在php foreach循环bootstrap Carousel中每次显示6个产品

<div id="myCarousel" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <?php
    $products = array(
      array("name" => "Product 1", "description" => "Description 1", "image" => "image1.jpg"),
      array("name" => "Product 2", "description" => "Description 2", "image" => "image2.jpg"),
      array("name" => "Product 3", "description" => "Description 3", "image" => "image3.jpg"),
      array("name" => "Product 4", "description" => "Description 4", "image" => "image4.jpg"),
      array("name" => "Product 5", "description" => "Description 5", "image" => "image5.jpg"),
      array("name" => "Product 6", "description" => "Description 6", "image" => "image6.jpg"),
      array("name" => "Product 7", "description" => "Description 7", "image" => "image7.jpg"),
      array("name" => "Product 8", "description" => "Description 8", "image" => "image8.jpg"),
      array("name" => "Product 9", "description" => "Description 9", "image" => "image9.jpg"),
      array("name" => "Product 10", "description" => "Description 10", "image" => "image10.jpg")
    );

    $totalProducts = count($products);
    $numOfSlides = ceil($totalProducts / 6);

    for ($i = 0; $i < $numOfSlides; $i++) {
      echo '<li data-target="#myCarousel" data-slide-to="' . $i . '"';
      if ($i == 0) {
        echo ' class="active"';
      }
      echo '></li>';
    }
    ?>
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner">
    <?php
    $counter = 0;
    $active = true;

    foreach ($products as $product) {
      if ($counter % 6 == 0) {
        if ($active) {
          echo '<div class="item active">';
          $active = false;
        } else {
          echo '<div class="item">';
        }
      }

      echo '<div class="col-md-2">';
      echo '<h4>' . $product["name"] . '</h4>';
      echo '<p>' . $product["description"] . '</p>';
      echo '<img src="' . $product["image"] . '" alt="' . $product["name"] . '">';
      echo '</div>';

      $counter++;

      if ($counter % 6 == 0 || $counter == $totalProducts) {
        echo '</div>'; // Close item div
      }
    }
    ?>
  </div>

  <!-- Controls -->
  <a class="left carousel-control" href="#myCarousel" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#myCarousel" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"></span>
    <span class="sr-only">Next</span>
  </a>
</div>