如何对列使用定位？

Question

我的问题是；我将有一个滑块，我想在上面创建卡。我想用列做到这一点。例如，我希望滑块的大小为col-xl-5，而我要放置在其上的卡的大小则基于col-xl-8。我该怎么办？

Link

<div class="row mt-5">
    <div class="col-xl-5 wrapper-carousel">
        <div id="carouselPortfolioIndicators" class="carousel slide carousel-fade" data-ride="carousel">
            <ol class="carousel-indicators">
                <li data-target="#carouselPortfolioIndicators" data-slide-to="0" class="active"></li>
                <li data-target="#carouselPortfolioIndicators" data-slide-to="1"></li>
                <li data-target="#carouselPortfolioIndicators" data-slide-to="2"></li>
            </ol>
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <img class="d-block w-100" src="assets/images/portfolio.jpg" alt="portfolio slide">
                </div>
                <div class="carousel-item">
                    <img class="d-block w-100" src="assets/images/portfolio.jpg" alt="portfolio slide">
                </div>
                <div class="carousel-item">
                    <img class="d-block w-100" src="assets/images/portfolio.jpg" alt="portfolio slide">
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-8 wrapper-portfolio-desc">
       sd
    </div>
</div>