Вертикальное выравнивание bootstrap 4?

Question

[justdani]

Вопрос такой. Как выровнять объект по центру по вертикали в bootstrap 4, когда задана высота последнего дочернего элемента, внутри которого и надо выровнять текст.

<div class="container"">
        <div class="row">
            <div class="col">
                <div class="lalal style="height: 500px;"> Лупа и пупа</div>
            </div>
        </div>
    </div>

Answer 1

[Andrej Sharapov]

добавьте классы d-flex align-items-center, ну еще можно justify-content-center

Comments

[justdani]

куда именно?

[Andrej Sharapov]

justdani, можно сюда https://jsfiddle.net/7rq3kpse/

[justdani]

Andrej Sharapov, а если внутри дива есть какие нибудь теги, он кривой становится
например так

<div class="col">
		<div class="contact_cart">
			<h3 class="d-flex align-items-center justify-content-center">Человек</h3>
				Исполнительный директор
		</div>
</div>

[justdani]

Andrej Sharapov,

точнее вот так

<div class="col">
<div class="contact_cart d-flex align-items-center justify-content-center">
		<div class="test d-flex align-items-center justify-content-center">Человек</div> <br>
				Исполнительный директор
		</div>
</div>

[Andrej Sharapov]

justdani, у вас верстка не понятная. https://getbootstrap.com/docs/4.0/utilities/flex/

Answer 2

[Adilet Zhuman]

по пробуйте использовать flex