Не работает align-self-center Bootstrap4?

Question

[matros97]

Привет, подскажите почему не работает align-self-center в Bootstrap4

<div class="col align-self-center">
                  <div class="nextpost">
                    <a href="#">Больше статей</a>
                  </div>
                </div>

Хочу по центру отцентровать, но что то не получается как была в левом углу так и ес

Comments

[Andrew]

Где код родителя?

[matros97]

Andrew, То есть ?

[matros97]

Если так написать как в официальной документации

<div class="container">
  <div class="row">
    <div class="col align-self-start">
      One of three columns
    </div>
    <div class="col align-self-center">
      One of three columns
    </div>
    <div class="col align-self-end">
      One of three columns
    </div>
  </div>
</div>

То все работает

Answer 1

[Andrew]

Всё работает
https://codepen.io/kickerock/pen/MdpBEb

d-flex добавьте
<div class="col d-flex align-self-center">

Comments

[matros97]

Вот смотрите

[Andrew]

matros97, у вас родитель
не флекс-элемент:

<div class="col-lg-8 blog__content mb-72 d-flex">
...
</div>

Но у вас всё остальное может сьехать.
Если нужно выравнивание, можете попробовать
vertical-align: middle;

[matros97]

Andrew, а что надо сделать что бы был Flex ?

[Andrew]

matros97, изначально продумать как расположить элементы и контейнеру задать d-flex flex-column justify-content-center