Как центрировать DIV по вертикали в Bootstrap?

Question

[AnonymousUser]

Добрый день. Хочу центрировать DIV по вертикали в Bootstrap. Впервые работаю с данным фреймворком.
Прикладываю код. Высота родительского окна: 100vh и min-height: 600px;

<header>
<div class="container-fluid">
<div class="row">
<div class="col-md-5">
<h1>Доставка вкусной пиццы<br>в любую точку Москвы</h1>
<p class="expositionHeader">Бесплатная доставка по центру от XXX рублей</p>
</div>
</div>
</div>
</header>

header {
	height: 100vh;
	min-height: 600px;
}

Answer 1

[marrs]

Есть 2 современных способа это сделать динамически

1 - flexbox

header {
  height: 100vh;
  min-height: 600px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

2 - transform:

header {
  height: 100vh;
  min-height: 600px;
  position:relative
}
.container-fluid {
  left:0;
  width:100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

3 - display: table и в нем display:table-cell; vertical-align:middle;

остальные требуют знать заранее высоту

Answer 2

[Артём]

https://css-tricks.com/centering-css-complete-guide/

Answer 3

[Алексей Мыльников]

Может быть такой вариант подойдёт codepen.io/AMBase/pen/ggeXdB