Bootstrap 4转盘在偶数图像上缩小和扩展

Question

我正在网站上使用Bootstrap 4，并且在网站上添加了Bootstrap轮播，以获取滑动图像。我发现滑块将在偶数图像（第2、4）上缩小，而在奇数图像上将扩展为正确的尺寸（第1、3rd）。在检查元素时，我发现javascript可以缩小和扩展图像。这是我编写的代码（请注意，我在php网站上工作时有一些php代码。）：

<div id="featured<?php echo $module->id;?>" class="carousel slide carousel-fade" data-ride="carousel" style="margin: 0">
                <div class="carousel-inner">
                <?php $count = 0; ?>
                <?php foreach($items as $key=>$item) {?>
                    <?php $count += 1; $active=""; ?>
                    <?php if ($count == 1){ $active = "active" ;} ?>
                    <div class="carousel-item <?php echo $active?>">
                        <img src="<?php echo $item['thumb']?>" class="d-block w-100">
                    </div>
                <?php } ?> 
                    <a class="carousel-control-prev" href="#featured<?php echo $module->id;?>" role="button" data-slide="prev">
                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="carousel-control-next" href="#featured<?php echo $module->id;?>" role="button" data-slide="next">
                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>
                </div>
                <ol class="carousel-indicators">
                    <?php for ($i ==0; $i < $count ; $i++){ ?>
                        <li data-target="#carouselExampleIndicators" data-slide-to="<?php echo $i;  ?>" <?php if ($i== 0){ ?>class="active" <?php } ?> ></li>
                    <?php } ?>
                </ol>
            </div>

如果有人能给我一个更好的解决方案，我将不胜感激。