Карусель карточек bootstrap

Необходимо сделать вывод карточек в карусель. Я сделал вот такую вот

<div id="demo" class="carousel slide" data-interval="false">
            <!-- Indicators -->
            <ul class="carousel-indicators">
                <?php for($i = 0; $i < count($news)/3; $i++)
            if($i == 0):
      ?>
                    <li data-target="#demo" data-slide-to="<?=$i;?>" class="active"></li>
                    <?php else: ?>
                        <li data-target="#demo" data-slide-to="<?=$i;?>"></li>
                        <?php endif; ?>
            </ul>
            <!-- The slideshow -->
            <div class="carousel-inner">
                <?php for($i = 0; $i < count($news); $i = $i + 3)
            if($i == 0):
      ?>
                    <div class="carousel-item active">
                        <div class="container">
                            <div class="row">
                                <div class="card-deck">
                                    <div class="card card-red">
                                        <div class="card-body">
                                            <p class="card-date">
                                                <?=$news[$i]['postDate'];?>
                                            </p>
                                            <h5 class="card-title"><?=$news[$i]['title'];?></h5>
                                            <button type="submit" class="btn btn-details">Подробнее</button>
                                        </div>
                                    </div>
                                    <div class="card">
                                        <div class="card-body">
                                            <p class="card-date">
                                                <?=$news[$i+1]['postDate'];?>
                                            </p>
                                            <h5 class="card-title"><?=$news[$i+1]['title'];?></h5>
                                            <button type="submit" class="btn btn-details">Подробнее</button>
                                        </div>
                                    </div>
                                    <div class="card card-purp ">
                                        <div class="card-body">
                                            <p class="card-date">
                                                <?=$news[$i+2]['postDate'];?>
                                            </p>
                                            <h5 class="card-title"><?=$news[$i+2]['title'];?></h5>
                                            <button type="submit" class="btn btn-details">Подробнее</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <?php else: ?>
                        <div class="carousel-item">
                            <div class="container">
                                <div class="row">
                                    <div class="card-deck">
                                        <div class="card card-red">
                                            <div class="card-body">
                                                <p class="card-date">
                                                    <?=$news[$i]['postDate'];?>
                                                </p>
                                                <h5 class="card-title"><?=$news[$i]['title'];?></h5>
                                                <button type="submit" class="btn btn-details">Подробнее</button>
                                            </div>
                                        </div>
                                        <div class="card">
                                            <div class="card-body">
                                                <p class="card-date">
                                                    <?=$news[$i+1]['postDate'];?>
                                                </p>
                                                <h5 class="card-title"><?=$news[$i+1]['title'];?></h5>
                                                <button type="submit" class="btn btn-details">Подробнее</button>
                                            </div>
                                        </div>
                                        <div class="card card-purp ">
                                            <div class="card-body">
                                                <p class="card-date">
                                                    <?=$news[$i+2]['postDate'];?>
                                                </p>
                                                <h5 class="card-title"><?=$news[$i+2]['title'];?></h5>
                                                <button type="submit" class="btn btn-details">Подробнее</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <?php endif; ?>
            </div>
            <!-- Left and right controls -->
        </div>

Как сделать так, чтобы не было

этого ? :( помогите, пожалуйста

https://github.com/lordSerega/redEdge