引导轮播卡从下到上定位

Question

我在水平轮播中使用引导卡，每个卡片都有一个基于复制长度的动态高度，但目前它们显示在轮播的底部，而不是顶部的预期效果。

CodePen example

  <div class="scrollmenu">

<div class="card" style="width: 18rem;">
  <div class="card-body">
    <h5 class="card-title">Card title</h5>
    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content. Some quick example text to build on the card title and make up the bulk of the card's content</p>
    <a href="#" class="btn btn-primary">Go somewhere</a>
  </div>
</div>

<div class="card" style="width: 18rem;">
  <div class="card-body">
    <h5 class="card-title">Card title</h5>
    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
    <a href="#" class="btn btn-primary">Go somewhere</a>
  </div>
</div>

Answer 1

希望这个答案对你有帮助:)

.scrollmenu{
    display: inline-flex;
    }