How to center DIV vertically in Bootstrap?

Good afternoon. I want to center a DIV vertically in Bootstrap. First time working with this framework.
Apply code. The height of the parent window: 100vh and min-height: 600px;

<header>
<div class="container-fluid">
<div class="row">
<div class="col-md-5">
<h1>shipping tasty pizza<br>in any point of Moscow</h1>
<p class="expositionHeader">free shipping by XXX rubles</p>
</div>
</div>
</div>
</header>

header {
 height: 100vh;
 min-height: 600px;
}
August 19th 19 at 22:35
3 answers
August 19th 19 at 22:37
Solution
There are 2 modern way to do it dynamically

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 and it display:table-cell; vertical-align:middle;

others require to know in advance the height
August 19th 19 at 22:39
August 19th 19 at 22:41
Can be such a good option codepen.io/AMBase/pen/ggeXdB

Find more questions by tags BootstrapCSSHTML