Загрузочные карточки карусели должны располагаться снизу вверх

#html #css #twitter-bootstrap #bootstrap-4 #sass

#HTML #css #twitter-bootstrap #bootstrap-4 #дерзость

Вопрос:

Я использую карты начальной загрузки в горизонтальной карусели, каждая из которых имеет динамическую высоту в зависимости от длины копии, но в настоящее время они отображаются расположенными в нижней части карусели, а не желаемым эффектом сверху.

Пример CodePen

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

введите описание изображения здесь

Ответ №1:

Надеюсь, этот ответ вам поможет 🙂

 .scrollmenu{
    display: inline-flex;
    }
 

Комментарии:

1. Блестящее спасибо! Из интереса, есть ли способ сделать это, не растягивая фон карты?