как вывести по 4 записи в каждом слайде Bootstrap 4?

есть такой код что выводит по 1 записи в слайде, а надо по 4 шт. Надо поставить условие (1-4 новость - ето 1 слайд, 5-8 новость - 2й слайд, 9-12 новость - 3й слайд) Всего 3 слайда макс.

<?php 
$arg_cat = array(
  'orderby'      => 'name',
  'order'        => 'ASC',
  'hide_empty'   => 12,
  'exclude'      => '',
  'include'      => '',
  'taxonomy'     => 'category',
);
$categories = get_categories( $arg_cat );
if( $categories ){
  foreach( $categories as $cat ){
  $arg_posts =  array(
    'orderby'      => 'name',
    'order'        => 'ASC',
    'posts_per_page' => 3,
    'post_type' => 'post',
    'post_status' => 'publish',
    'cat' => $cat->cat_ID,
  );
  $query = new WP_Query($arg_posts);
  ?>
  <?php if ($query->have_posts() ) ?>

          <div id="carouselNewsHome" class="carousel slide" data-ride="carousel">
            <div class="carousel-inner">
              <?php $j = 0?>
              <?php while ( $query->have_posts() ) : $query->the_post();
              $thumb_id = get_post_thumbnail_id();
              $thumb_url = wp_get_attachment_image_src($thumb_id,'thumbnail-size', true);
              ?>
              <div class="carousel-item <?php if($j==0){echo 'active';}?>">
              <!-- Body slider -->
                <?php $j++?>
                <div class="row">

                  <div class="col-sm-6 col-md-6 col-lg-3">
                    <div class="wrap-slider-new">
                      <!-- Post -->
                      <div class="bg_new_img" style="background-image: url('<?=$thumb_url[0];?>');">
                        <!-- This img block -->
                      </div>
                      <div class="wrap-des-project-new">
                        <p class="date_post_new"><?php the_date('F.d.m.y'); ?></p>
                        <h4 class="title-project-new"><?php the_title(); ?></h4>
                        <p class="des-text-project-new">
                          <?php the_excerpt() ?>
                        </p>
                        <a href="<?php the_permalink(); ?>" class="more_link_new">
                          <?php if(get_bloginfo('language') =='uk'){echo 'Детальніше';}else{echo 'Подробнее';} ?>
                        </a>
                      </div>
                      <!-- Post -->
                    </div>
                  </div>
                </div> 
              <!-- Body slider -->
              </div>
              <?php endwhile; wp_reset_postdata();?>
            </div>
            <div class="bottom_bl_news">
              <ol class="carousel-indicators indicators-proj-news">
                <li data-target="#carouselNewsHome" data-slide-to="0" class="active"></li>
                <li data-target="#carouselNewsHome" data-slide-to="1"></li>
                <li data-target="#carouselNewsHome" data-slide-to="2"></li>
              </ol>
              <a class="carousel-control-prev row-slider-news" href="#carouselNewsHome" role="button" data-slide="prev">
              <i class="fas fa-chevron-left fa-icon-controller-news"></i>
              <span class="sr-only">Previous</span>
              </a>
              <a class="carousel-control-next row-slider-news" href="#carouselNewsHome" role="button" data-slide="next">
                <i class="fas fa-chevron-right fa-icon-controller-news"></i>
                <span class="sr-only">Next</span>
              </a>
            </div>
          </div>
          <!-- Slider new -->

        <?php
      }
    }
  ?>