Css 使用卡片图像作为滑块-引导4

我想使用卡片图像顶部作为滑块，特别是在手机上。我将使用该部分作为产品卡，我希望我的客户看到该部分的几个图像。有没有一个简单的方法可以做到这一点

<div class="card" style="width: 18rem;">
  <img class="card-img-top" src="..." alt="Card image cap">
  <div class="card-body">
    <p class="card-text">Example Text</p>
  </div>
</div>

示例文本

我解决了它

<div class="card">
        <div id="carouselExampleIndicators2" class="carousel slide" data-ride="carousel">
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <img class="w-100" src="https://picsum.photos/1920/1080?random=4" alt="image">
                </div>
                <div class="carousel-item">
                    <img class="w-100" src="https://picsum.photos/1920/1080?random=5" alt="image">
                </div>
                <div class="carousel-item">
                    <img class="w-100" src="https://picsum.photos/1920/1080?random=6" alt="image">
                </div>
            </div>
            <a class="carousel-control-prev" href="#carouselExampleIndicators2" 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="#carouselExampleIndicators2" role="button" data-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>

你是说像这样的卡片传送带吗：？是的，没错。感谢您的欢迎。您好@loremipsum，欢迎使用S/O，还请添加问题所在您是如何解决的，这样将有助于未来用户识别他们的错误