Центр карт внутри бесконечного ряда с Bootstrap 4 - PullRequest
Новая
       55

Центр карт внутри бесконечного ряда с Bootstrap 4

0 голосов
/ 28 сентября 2019

Я настраиваю полноэкранный слайдер и хочу центрировать карточки внутри этого бесконечного ряда.Я использую Bootstrap 4 .Я не знаю, как установить margin-left: -*px автоматически в зависимости от количества карт.

На скриншоте я использовал 3 карты, но карты должны быть всегда центрированы.

HTML:

<div class="reviews">
  <div class="card card-review bg-dark text-secondary intro text-center">
   <p class="font-italic">Lorem Ipsum</p>
   <p class="text-white mb-0">Name</p>
  </div>
  <div class="card card-review bg-dark text-secondary intro text-center">
    <p class="font-italic">Lorem Ipsum</p>
    <p class="text-white mb-0">Name</p>
  </div>
  <div class="card card-review bg-dark text-secondary intro text-center">
    <p class="font-italic">Lorem Ipsum</p>
    <p class="text-white mb-0">Name</p>
  </div>
</div>

Preview

...