Как я могу сделать Контент по центру на bootstrap карточке?

Question

Я бы хотел центрировать содержимое этой карты

<!-- Card -->
<div class="card card-image h-80" style="background-color:grey;">

  <!-- Content -->
  <div class="text-white text-center d-flex align-items-center rgba-black-strong py-5 px-4 justify-content">
    <div>
      <h5 class="pink-text"><i class="fas fa-chart-pie"></i> Your Holdings</h5>
      <br>
      <br>
      <h3 class="card-title pt-2"><strong id="snet-holding">0 </strong> SNET</h3>
      <h4 class="card-title pt-2"><strong id="usd-value">0 </strong> USD</h4>

      <br>

    </div>
  </div>

</div>
<!-- Card -->

    </div>

, но по какой-то причине продолжение enet внутри карты центрируется только тогда, когда в нем есть значение. Но мне нужно, чтобы он был в центре, если в нем нет контента. Мне нужно, чтобы содержимое находилось в центре этого изображения

Answer 1

Должен быть justify-content-center класс вместо justify-content. Новый код

<div class="card card-image h-80" style="background-color:grey;">

  <!-- Content -->
  <div class="text-white text-center d-flex align-items-center rgba-black-strong py-5 px-4 justify-content-center">
    <div>
      <h5 class="pink-text"><i class="fas fa-chart-pie" aria-hidden="true"></i> Your Holdings</h5>
      <br>
      <br>
      <h3 class="card-title pt-2"><strong id="snet-holding">0 </strong> SNET</h3>
      <h4 class="card-title pt-2"><strong id="usd-value">0 </strong> USD</h4>

      <br>

    </div>
  </div>

</div>