Css 带不同尺寸卡的引导转盘

Css 带不同尺寸卡的引导转盘,css,twitter-bootstrap,Css,Twitter Bootstrap,我有一个旋转木马常见问题解答,有一些框有不同的问题和答案,因此这些框的大小与您在上面看到的不同: 我的代码是: <section id="faq" class="shadow-lg"> <div class="container text-center"> <h3 class="font-weight-light">Faq</h3>

我有一个旋转木马常见问题解答,有一些框有不同的问题和答案,因此这些框的大小与您在上面看到的不同:

我的代码是:

    <section id="faq" class="shadow-lg">
    <div class="container text-center">
        <h3 class="font-weight-light">Faq</h3>
        <div class="row mx-auto my-auto">
            <div id="recipeCarousel" class="col carousel slide w-100" data-ride="carousel">
                <div class="row carousel-inner w-100" role="listbox">
                        <div class="carousel-item active">
                            <div class="col-md-4">
                                <div class="card card-body">
                                    <h4 class="card-title">pergunta</h4>
                                    <p class="card-text">resposta</p>
                                </div>
                            </div>
                        </div>
                        <div class="carousel-item">
                            <div class="col-md-4">
                                <div class="card card-body">
                                    <h4 class="card-title">pergunta</h4>
                                    <p class="card-text">resposta</p>
                                </div>
                            </div>
                        </div>
                </div>
                <a class="carousel-control-prev w-auto" href="#recipeCarousel" role="button" data-slide="prev">
                    <span class="carousel-control-prev-icon bg-dark border border-dark rounded-circle"
                        aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="carousel-control-next w-auto" href="#recipeCarousel" role="button" data-slide="next">
                    <span class="carousel-control-next-icon bg-dark border border-dark rounded-circle"
                        aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
        </div>
    </div>
</section>

无论问题的大小,我都希望框的高度相同。基本上,我希望所有框的高度与最大框的高度相同。

您不能在此处使用
min height
min width
属性吗?还有,你能把你所有的代码都发出去吗?这样我就可以在代码里混日子了。谢谢,我以前试过了,但没用,但现在我把它放在卡片上,没有旋转物品,但是没有办法得到这个dinamic?比如拿最大的一个,然后把其他的放在上面?
    .carousel-inner .carousel-item.active,
    .carousel-inner .carousel-item-next,
    .carousel-inner .carousel-item-prev {
        display: flex;
    }
#faq{
    padding-bottom: 80px;
}

#faq h3{
    padding-top: 50px;
    padding-bottom: 50px;
}

#faq .card{
    border-color: #216869;
    min-height: 400px;
}
#infos, #contato, #faq, #planos{
    font-family: Montserrat-Regular;
    font-size: 14px;
    line-height: 1.7;
    color: #666666;
    margin: 0px;
}