我无法使用光滑的旋转木马获得具有不同长度的主体内容的等高引导卡。我在这里查看了类似的答案,但它们似乎都不适用于我的场景。
我设法获得了等高的幻灯片,但由于某种原因,我无法使幻灯片中的卡片达到幻灯片(父容器)的 100% 高度。我正在尝试实现 Bootstrap 类“card-deck”实现的功能,但在旋转木马中。
HTML
<div class="container">
<div class="row">
<div class="col-10 mx-auto s_container">
<div class="slider">
<div class="card">
<img class="card-img-top" src="img-ph.jpg" alt="place holder">
<div class="card-body">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptates, rem?</div>
<div class="card-footer">
<a href="#" class="btn btn-primary">More Info</a>
</div>
</div>
<div class="card">
<img class="card-img-top" src="img-ph.jpg" alt="place holder">
<div class="card-body">Lorem ipsum dolor sit amet consectetur adipisicing elit. Rem, quasi soluta dolorum pariatur hic porro.</div>
<div class="card-footer">
<a href="#" class="btn btn-primary">More Info</a>
</div>
</div>
<div class="card">
<img class="card-img-top" …Run Code Online (Sandbox Code Playgroud)