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;
}